// 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 SvgCreativeCommons = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.00008 8.33335V7.58335C8.00008 7.26119 7.73888 7.00002 7.41675 7.00002H5.91675C5.59459 7.00002 5.33342 7.26119 5.33342 7.58335L5.33341 10.4167C5.33341 10.7388 5.59458 11 5.91675 11H7.41675C7.73895 11 8.00008 10.7388 8.00008 10.4167V9.66669M12.6667 8.33335V7.58335C12.6667 7.26119 12.4055 7.00002 12.0834 7.00002H10.5834C10.2613 7.00002 10.0001 7.26119 10.0001 7.58335V10.4167C10.0001 10.7388 10.2612 11 10.5834 11H12.0834C12.4056 11 12.6667 10.7388 12.6667 10.4167V9.66669M1.66675 9.00002C1.66675 10.945 2.43937 12.8102 3.81463 14.1855C5.1899 15.5608 7.05516 16.3334 9.00008 16.3334C10.945 16.3334 12.8103 15.5608 14.1855 14.1855C15.5608 12.8102 16.3334 10.945 16.3334 9.00002C16.3334 7.0551 15.5608 5.18984 14.1855 3.81457C12.8103 2.43931 10.945 1.66669 9.00008 1.66669C7.05516 1.66669 5.1899 2.43931 3.81463 3.81457C2.43937 5.18984 1.66675 7.0551 1.66675 9.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
