import { iconVariants } from "./variants"

import type { IconProps } from "@/types/components/icon"

export default function BarIcon({ className, color, ...props }: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      {...props}
    >
      <path
        d="M11.9999 20.6875C11.3332 20.6875 10.7707 20.4584 10.3124 20C9.85406 19.5417 9.62489 18.9792 9.62489 18.3125C9.62489 17.6459 9.85406 17.0834 10.3124 16.625C10.7707 16.1667 11.3332 15.9375 11.9999 15.9375C12.6666 15.9375 13.2291 16.1667 13.6874 16.625C14.1457 17.0834 14.3749 17.6459 14.3749 18.3125C14.3749 18.9792 14.1457 19.5417 13.6874 20C13.2291 20.4584 12.6666 20.6875 11.9999 20.6875ZM11.9999 10.05C13.2249 10.05 14.3853 10.2459 15.4811 10.6375C16.577 11.0292 17.5707 11.5709 18.4624 12.2625C18.7707 12.5042 18.9332 12.8125 18.9499 13.1875C18.9666 13.5625 18.8332 13.8917 18.5499 14.175C18.2832 14.4417 17.9561 14.5813 17.5686 14.5938C17.1811 14.6063 16.8332 14.5 16.5249 14.275C15.8916 13.825 15.1916 13.4771 14.4249 13.2313C13.6582 12.9855 12.8499 12.8625 11.9999 12.8625C11.1499 12.8625 10.3416 12.9855 9.57489 13.2313C8.80822 13.4771 8.10822 13.825 7.47489 14.275C7.16655 14.5 6.81864 14.6042 6.43114 14.5875C6.04364 14.5709 5.71655 14.4292 5.44989 14.1625C5.17489 13.8792 5.04364 13.55 5.05614 13.175C5.06864 12.8 5.22905 12.4917 5.53739 12.25C6.42905 11.5584 7.42281 11.0188 8.51864 10.6313C9.61447 10.2438 10.7749 10.05 11.9999 10.05ZM11.9999 4.42505C13.9999 4.42505 15.8874 4.75838 17.6624 5.42505C19.4374 6.09172 21.0291 7.02922 22.4374 8.23755C22.7457 8.49588 22.9061 8.8188 22.9186 9.2063C22.9311 9.5938 22.7999 9.92505 22.5249 10.2C22.2582 10.4667 21.9291 10.6042 21.5374 10.6125C21.1457 10.6209 20.7957 10.5 20.4874 10.25C19.3124 9.29172 18.0082 8.55005 16.5749 8.02505C15.1416 7.50005 13.6166 7.23755 11.9999 7.23755C10.3832 7.23755 8.85822 7.50005 7.42489 8.02505C5.99155 8.55005 4.68739 9.29172 3.51239 10.25C3.20405 10.5 2.85405 10.6209 2.46239 10.6125C2.07072 10.6042 1.74155 10.4667 1.47489 10.2C1.19989 9.92505 1.06864 9.5938 1.08114 9.2063C1.09364 8.8188 1.25405 8.49588 1.56239 8.23755C2.97072 7.02922 4.56239 6.09172 6.33739 5.42505C8.11239 4.75838 9.99989 4.42505 11.9999 4.42505Z"
        fill="#4D001B"
      />
    </svg>
  )
}
