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

export const RouteTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M20.51 5C20.51 6.38071 19.3907 7.5 18.01 7.5C16.6293 7.5 15.51 6.38071 15.51 5C15.51 3.61929 16.6293 2.5 18.01 2.5C19.3907 2.5 20.51 3.61929 20.51 5Z"
      fill="currentColor"
    />
    <path
      d="M8.5 19C8.5 20.3807 7.38071 21.5 6 21.5C4.61929 21.5 3.5 20.3807 3.5 19C3.5 17.6193 4.61929 16.5 6 16.5C7.38071 16.5 8.5 17.6193 8.5 19Z"
      fill="currentColor"
    />
    <path
      d="M13.5 5L9 5C7.067 5 5.5 6.567 5.5 8.5V8.5C5.5 10.433 7.067 12 9 12H15C16.933 12 18.5 13.567 18.5 15.5V15.5C18.5 17.433 16.933 19 15 19H10.5"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
  </svg>
));