import { FC } from 'react';

interface IconTruckProps {
    className?: string;
    fill?: boolean;
    duotone?: boolean;
}

const IconTruck: FC<IconTruckProps> = ({ className, fill = false, duotone = true }) => {
    return (
        <svg
            width="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            className={className}
        >
            {/* Main Truck Body & Wheels */}
            <path
                d="M14 18H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v3 M19 11h2a2 2 0 0 1 2 2v3h-4v-5z"
                stroke="currentColor"
                strokeWidth="2"
                strokeLinecap="round"
                strokeLinejoin="round"
                fill={fill ? "currentColor" : "none"}
            />

            {/* Left Wheel Accent */}
            <path
                opacity={duotone ? '0.5' : '1'}
                d="M9 18a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"
                stroke="currentColor"
                strokeWidth="2"
                fill={fill || duotone ? "currentColor" : "none"}
            />

            {/* Right Wheel Accent */}
            <path
                opacity={duotone ? '0.5' : '1'}
                d="M19 18a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"
                stroke="currentColor"
                strokeWidth="2"
                fill={fill || duotone ? "currentColor" : "none"}
            />
        </svg>
    );
};

export default IconTruck;