// Shared primitives: icons, Logo, Nav, ScoreBar, ScoreBadge, Pill, Feedback
const Icon = {
Sparkle: (p) => (
),
Search: (p) => (
),
Doc: (p) => (
),
Briefcase: (p) => (
),
Swap: (p) => (
),
Upload: (p) => (
),
Brain: (p) => (
),
Chart: (p) => (
),
X: (p) => (
),
Play: (p) => (
),
Arrow: (p) => (
),
ThumbUp: (p) => (
),
ThumbDown: (p) => (
),
MoneyDot: (p) => (
),
Star: (p) => (
),
Cap: (p) => (
),
Check: (p) => (
),
};
function Logo({ size = 22 }) {
return (
);
}
function tierFor(score) {
if (score >= 0.80) return 'high';
if (score >= 0.65) return 'mid';
return 'low';
}
function labelFor(score) {
if (score >= 0.90) return 'Excellent match';
if (score >= 0.80) return 'Strong match';
if (score >= 0.70) return 'Very good match';
if (score >= 0.65) return 'Good match';
if (score >= 0.55) return 'Fair match';
return 'Weak match';
}
function ScoreBar({ value, large, animate = true }) {
const tier = tierFor(value);
const [w, setW] = React.useState(animate ? 0 : value * 100);
React.useEffect(() => {
if (!animate) { setW(value * 100); return; }
const id = requestAnimationFrame(() => setW(value * 100));
return () => cancelAnimationFrame(id);
}, [value, animate]);
return (
);
}
function ScoreBadge({ value }) {
const tier = tierFor(value);
return (
{Math.round(value * 100)}%
);
}
function Pill({ children, miss }) {
return {children};
}
function Feedback({ value, onChange }) {
return (
);
}
Object.assign(window, { Icon, Logo, tierFor, labelFor, ScoreBar, ScoreBadge, Pill, Feedback });