// clamp-svgs.jsx — Procedural engineering-drawing clamp icons.
// Each clamp is a top-down or front view rendered with simple primitives:
// rectangles (body), circles (pipe + bolt holes), lines (centerlines, dimensions).
// No realistic illustration — pure technical schematic.
const { useState } = React;
const SCH = {
stroke: "currentColor",
strokeWidth: 1.6,
fill: "none",
vectorEffect: "non-scaling-stroke",
};
// --- Standard DIN 3015-1 single clamp (front view)
function ClampStandard({ size = 200, showDims = false, accent = "#15524A" }) {
return (
);
}
// --- Heavy DIN 3015-2
function ClampHeavy({ size = 200, accent = "#15524A" }) {
return (
);
}
// --- Twin (DIN 3015-3)
function ClampTwin({ size = 200, accent = "#15524A" }) {
return (
);
}
// --- Stainless (with hatching to indicate steel)
function ClampStainless({ accent = "#15524A" }) {
return (
);
}
// --- PP / Polypropylene (rounded body, thicker outline)
function ClampPP({ accent = "#15524A" }) {
return (
);
}
// --- Cushion / rubber-insert
function ClampCushion({ accent = "#15524A" }) {
return (
);
}
// --- Weld plate
function WeldPlate({ accent = "#15524A" }) {
return (
);
}
// --- Accessory: cover plate
function CoverPlate({ accent = "#15524A" }) {
return (
);
}
// --- U-bolt clamp (vertical view: U-bolt over pipe with mounting plate)
function ClampUbolt({ accent = "#15524A" }) {
return (
);
}
// --- Metal tube clamp (heavier line weight + cross-section hatch indicating metal body)
function ClampMetal({ accent = "#15524A" }) {
return (
);
}
// Dispatch by category id
function ClampArt({ kind = "standard", ...rest }) {
switch (kind) {
case "standard": return ;
case "heavy": return ;
case "twin": return ;
case "stainless": return ;
case "pp": return ;
case "cushion": return ;
case "weld": return ;
case "cover": return ;
case "ubolt": return ;
case "metal": return ;
default: return ;
}
}
// Icon helpers (UI)
function IconChevron({ size = 14, dir = "down" }) {
const rot = { down: 0, up: 180, left: 90, right: -90 }[dir];
return (
);
}
function IconSearch({ size = 16 }) {
return (
);
}
function IconArrow({ size = 14 }) {
return (
);
}
function IconArrowUR({ size = 14 }) {
return (
);
}
function IconDownload({ size = 16 }) {
return (
);
}
function IconGrid({ size = 14 }) {
return (
);
}
function IconList({ size = 14 }) {
return (
);
}
function IconFile({ size = 14 }) {
return (
);
}
function IconQuote({ size = 16 }) {
return (
);
}
Object.assign(window, {
ClampArt, ClampStandard, ClampHeavy, ClampTwin, ClampStainless, ClampPP, ClampCushion, WeldPlate, CoverPlate, ClampUbolt, ClampMetal,
IconChevron, IconSearch, IconArrow, IconArrowUR, IconDownload, IconGrid, IconList, IconFile, IconQuote,
});