// eslint-disable-next-line @typescript-eslint/ban-ts-comment
//@ts-nocheck
import type { VariantProps } from 'class-variance-authority'
import * as React from 'react'
import type { SVGProps } from 'react'
import { iconVariants } from '../../iconVariants'

type Color = VariantProps<typeof iconVariants>['color'] | undefined

export const SvgDepartureTime = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.2919 7.66667C12.3192 7.44827 12.3332 7.22577 12.3332 7C12.3332 4.05448 9.94537 1.66667 6.99984 1.66667C4.05432 1.66667 1.6665 4.05448 1.6665 7C1.6665 8.68427 2.44722 10.1861 3.6665 11.1636M6.99984 3.66667V7H9.6665M15.3152 10.4763L15.8162 10.9773L12.9461 12.4331L12.7382 15.4695L11.1264 16.0207L10.6134 13.7053L7.74337 15.1611L5.99984 10.8941L7.07436 10.5267L8.66884 11.7607L11.0515 10.0992C12.3764 9.17527 14.173 9.3342 15.3152 10.4763Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
