// 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 SvgFilmRoll = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13.3494 7.51272C13.3494 9.06194 12.734 10.5477 11.6385 11.6432C10.5431 12.7386 9.0573 13.3541 7.50808 13.3541C5.95886 13.3541 4.4731 12.7386 3.37764 11.6432C2.28217 10.5477 1.66675 9.06194 1.66675 7.51272C1.66675 5.9635 2.28217 4.47774 3.37764 3.38227C4.4731 2.28681 5.95886 1.67139 7.50808 1.67139C9.0573 1.67139 10.5431 2.28681 11.6385 3.38227C12.734 4.47774 13.3494 5.9635 13.3494 7.51272ZM13.3494 7.51272L13.3493 12.9413C13.3493 14.7823 14.8417 16.2747 16.6827 16.2747H17.0001M7.32527 10.4343V10.0684H7.69115V10.4343H7.32527ZM7.32527 4.95805V4.59217H7.69115V4.95805H7.32527ZM4.58732 7.69632V7.33046H4.95319V7.69632H4.58732ZM10.0635 7.69632V7.33046H10.4294V7.69632H10.0635Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
