// Realistic system screen mocks — higher fidelity, production-grade density.
// viewBox 560x380; preserveAspectRatio default so it scales to fit the container.
const CaseMock = ({ kind }) => {
// Realistic browser chrome with tabs + address bar
const Chrome = ({ url, title = "", brandColor = "#2563eb", favicon = "A" }) => (
{/* window bar */}
{/* tab */}
{favicon}
{title}
×
{/* address bar */}
{url}
{/* nav arrows */}
{/* extensions */}
S
TK
);
if (kind === "manufacturing") {
return (
);
}
if (kind === "finance") {
return (
);
}
if (kind === "retail") {
return (
);
}
return null;
};
window.CaseMock = CaseMock;