import { colorVariants } from '../colorVariants'

import type { NucleoIconProps } from '../../icon'

function Bouquet(props: NucleoIconProps) {
  const fill = props.color ? colorVariants[props.color] : 'currentColor'
  const strokewidth = props.strokewidth || 2
  const width = props.size || '1em'
  const height = props.size || '1em'

  return (
    <svg
      height={height}
      width={width}
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        fill={fill}
        strokeLinecap="round"
        strokeLinejoin="round"
        transform="translate(0.25 0.25)"
      >
        <path
          d="M20.45,11.5a1.707,1.707,0,0,0-2.415,0,1.706,1.706,0,0,1-2.414,0,1.706,1.706,0,0,0-2.414,0,1.706,1.706,0,0,1-2.414,0,1.706,1.706,0,0,0-2.414,0,1.706,1.706,0,0,1-2.414,0,1.707,1.707,0,0,0-2.415,0L10,19h4Z"
          fill="none"
          stroke={fill}
          strokeWidth={strokewidth}
        />
        <path
          d="M11.378,2.877A6.631,6.631,0,0,1,16,1V4A4,4,0,0,1,8,4V1a4,4,0,0,1,4,4"
          fill="none"
          stroke={fill}
          strokeWidth={strokewidth}
        />
        <path
          d="M6,8a2.528,2.528,0,0,1,.5-5H8"
          fill="none"
          stroke={fill}
          strokeWidth={strokewidth}
        />
        <path
          d="M18,8a2.528,2.528,0,0,0-.5-5H16"
          fill="none"
          stroke={fill}
          strokeWidth={strokewidth}
        />
        <polyline
          fill="none"
          points="10 19 9 23 15 23 14 19"
          stroke={fill}
          strokeWidth={strokewidth}
        />
      </g>
    </svg>
  )
}

export default Bouquet
