import { iconVariants } from "./variants"

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

export default function LaptopIcon({ className, color, ...props }: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      fill="none"
      height="20"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        fill="#26201E"
        d="M2.188 20.7a.903.903 0 0 1-.663-.275.903.903 0 0 1-.275-.663c0-.258.092-.479.275-.662a.903.903 0 0 1 .663-.275h19.625c.258 0 .479.092.662.275a.903.903 0 0 1 .275.662c0 .259-.092.48-.275.663a.903.903 0 0 1-.663.275H2.188Zm1.937-2.85c-.516 0-.957-.184-1.324-.55a1.806 1.806 0 0 1-.551-1.325V5.15c0-.516.184-.957.55-1.324.368-.367.81-.551 1.325-.551h15.75c.516 0 .957.184 1.324.55.367.368.551.81.551 1.325v10.825c0 .516-.184.957-.55 1.324-.368.367-.81.551-1.325.551H4.125Zm0-1.875h15.75V5.15H4.125v10.825Z"
      />
    </svg>
  )
}
