export const IosArrowLeft: React.FC<React.SVGAttributes<{}>> = (props) => {
  return (
    <svg viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path d="M14.0984 5.44714C14.037 5.43717 13.9749 5.43258 13.9128 5.43338H3.33058L3.56133 5.32606C3.78688 5.21931 3.99207 5.07402 4.16771 4.89676L7.13522 1.92925C7.52605 1.55616 7.59172 0.955986 7.29084 0.507203C6.94066 0.0289727 6.26912 -0.0748633 5.79085 0.275315C5.75222 0.303622 5.71549 0.334478 5.68098 0.367681L0.31477 5.73389C-0.104599 6.15279 -0.104968 6.83232 0.313932 7.25169C0.3142 7.25196 0.314502 7.25226 0.31477 7.25253L5.68098 12.6187C6.10069 13.0373 6.78022 13.0363 7.19878 12.6166C7.23171 12.5836 7.26247 12.5484 7.29084 12.5114C7.59172 12.0626 7.52605 11.4625 7.13522 11.0894L4.17308 8.11649C4.01561 7.95886 3.83457 7.82668 3.63645 7.72476L3.31448 7.57987H13.8537C14.402 7.60023 14.883 7.21725 14.986 6.67834C15.0809 6.09326 14.6835 5.54205 14.0984 5.44714Z" fill="currentColor" />
    </svg>

  );
};

export const IosGhostArrowLeft: React.FC<React.SVGAttributes<{}>> = (props) => {
  return (
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 14 10"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7 3H4.5V.5a.5.5 0 00-.853-.354l-3 3a.5.5 0 000 .708l3 3A.5.5 0 004.5 6.5V4H7a5.506 5.506 0 015.5 5.5.5.5 0 001 0A6.507 6.507 0 007 3zM3.5 5.293L1.707 3.5 3.5 1.707v3.586z"
        fill="currentColor"
      />
    </svg>
  );
};