import { createIcon } from '../utils/create-icon';

export const TouchIdTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <path
      d="M12.4355 12.75C12.4355 17.25 17.4996 20 20.9996 19"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <path
      d="M19.1859 10.7498C19.1859 3.24996 5.00002 2.50011 5 12.5C5 15.5002 6 19.5 10.1859 22.7501"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <path
      d="M15.6862 22.25C13.1862 21.25 8.68622 18.25 8.68622 12.75C8.68622 7.5 16.0004 7.5 16.0004 12C16.0004 14.0523 17.4341 15.0562 19.0239 15.0562C21.4645 15.0562 22.6862 13.5133 22.6862 10.75C22.6862 5.25 19.0004 1.25 12.1862 1.25C3.18628 1.25 -0.313721 10.25 2.18624 16.75"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
  </svg>
));