/**
* BodyTypeSilhouette — SVG car silhouettes for each vehicle body type.
* All viewBox="0 0 160 72". Wheels at y=60, r=13.
* Body uses fill="currentColor" so Tailwind text-* classes control color.
*/
interface SilhouetteProps {
className?: string;
}
// ─── SUV ─────────────────────────────────────────────────────────────────────
// Tall, upright greenhouse. High ride height. Square roofline.
export function SUVSilhouette({ className = "" }: SilhouetteProps) {
return (
);
}
// ─── Sedan ───────────────────────────────────────────────────────────────────
// Classic 3-box: hood + cabin + separate boot. Medium height.
export function SedanSilhouette({ className = "" }: SilhouetteProps) {
return (
);
}
// ─── Hatchback ───────────────────────────────────────────────────────────────
// 2-box: combined cabin+boot, sloping rear. Compact proportions.
export function HatchbackSilhouette({ className = "" }: SilhouetteProps) {
return (
);
}
// ─── MUV / MPV ───────────────────────────────────────────────────────────────
// Van-like: very tall, flat roof, near-vertical pillars.
export function MUVSilhouette({ className = "" }: SilhouetteProps) {
return (
);
}
// ─── Coupe ───────────────────────────────────────────────────────────────────
// Sporty: very low, long hood, sweeping fastback roofline.
export function CoupeSilhouette({ className = "" }: SilhouetteProps) {
return (
);
}
// ─── Electric ────────────────────────────────────────────────────────────────
// Modern EV: aerodynamic nose, flush surfaces, like a premium sedan.
export function ElectricSilhouette({ className = "" }: SilhouetteProps) {
return (
);
}
// ─── Luxury ──────────────────────────────────────────────────────────────────
// Long-wheelbase sedan proportions. Extra-long hood, low roofline.
export function LuxurySilhouette({ className = "" }: SilhouetteProps) {
return (
);
}
// ─── Convertible ─────────────────────────────────────────────────────────────
// Open-top: no roof, windshield only, sporty.
export function ConvertibleSilhouette({ className = "" }: SilhouetteProps) {
return (
);
}
// ─── Pickup Truck ─────────────────────────────────────────────────────────────
// Cab + open bed. Very tall, squared.
export function PickupSilhouette({ className = "" }: SilhouetteProps) {
return (
);
}
// ─── Generic (fallback) ───────────────────────────────────────────────────────
export function GenericCarSilhouette({ className = "" }: SilhouetteProps) {
return ;
}
// ─── Registry ─────────────────────────────────────────────────────────────────
const SILHOUETTE_MAP: Record> = {
SUV: SUVSilhouette,
Sedan: SedanSilhouette,
Hatchback: HatchbackSilhouette,
MUV: MUVSilhouette,
MPV: MUVSilhouette,
Coupe: CoupeSilhouette,
Electric: ElectricSilhouette,
Luxury: LuxurySilhouette,
Convertible: ConvertibleSilhouette,
Cabriolet: ConvertibleSilhouette,
"Pickup Truck":PickupSilhouette,
};
/**
* Convenience component: pick the right silhouette by body-type string.
*/
export default function BodyTypeSilhouette({
type,
className = "",
}: {
type: string;
className?: string;
}) {
const Component = SILHOUETTE_MAP[type] ?? GenericCarSilhouette;
return ;
}