import { iconVariants } from '../../variants'

import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'

export default function RoadIcon({
  className,
  color,
  size = 24,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  const ariaProps = getIconAriaProps(props)
  return (
    <svg
      className={classNames}
      xmlns="http://www.w3.org/2000/svg"
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      {...props}
      {...ariaProps}
    >
      <path
        d="M5 20C4.44772 20 4 19.5523 4 19V5C4 4.44772 4.44772 4 5 4C5.55228 4 6 4.44772 6 5V19C6 19.5523 5.55228 20 5 20ZM12 20C11.4477 20 11 19.5523 11 19V17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17V19C13 19.5523 12.5523 20 12 20ZM19 20C18.4477 20 18 19.5523 18 19V5C18 4.44772 18.4477 4 19 4C19.5523 4 20 4.44772 20 5V19C20 19.5523 19.5523 20 19 20ZM12 14C11.4477 14 11 13.5523 11 13V11C11 10.4477 11.4477 10 12 10C12.5523 10 13 10.4477 13 11V13C13 13.5523 12.5523 14 12 14ZM12 8C11.4477 8 11 7.55228 11 7V5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5V7C13 7.55228 12.5523 8 12 8Z"
        fill="#26201E"
      />
    </svg>
  )
}
