import { SVGProps } from 'react';
import { cn } from '@/lib/utils';

export function DirtBikeIcon({ className, ...props }: SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      className={cn('w-6 h-6', className)}
      {...props}
    >
      <g className="text-primary">
        <path d="M12 4s-1-2-3-2-3 2-3 2" />
        <path d="m5 11 2-3" />
        <path d="M8 11h3" />
        <path d="M15 18s-1.33 2-4 2-4-2-4-2" />
      </g>
      <g className="text-accent">
        <circle cx="6" cy="18" r="3" />
        <circle cx="18" cy="18" r="3" />
      </g>
      <path d="M11 11s-1-3 1-3" />
      <path d="m18 15-2-4-1 1" />
    </svg>
  );
}