// ZIADFILMING — Shared primitives: pill buttons, chips, icons.
const btnBase = {
display: 'inline-flex', alignItems: 'center', gap: 12,
borderRadius: 9999, fontSize: 13, fontWeight: 700,
letterSpacing: '0.1em', textTransform: 'uppercase',
cursor: 'pointer', border: 'none', transition: 'all 250ms var(--ease-standard)',
fontFamily: 'var(--font-sans)', textDecoration: 'none',
};
function PillPrimary({ children, onClick, size = 'md' }) {
const [hover, setHover] = React.useState(false);
const [press, setPress] = React.useState(false);
const pad = size === 'lg' ? '20px 48px' : '16px 40px';
return (
);
}
function PillSecondary({ children, onClick }) {
const [hover, setHover] = React.useState(false);
return (
);
}
function PillGhost({ children, onClick }) {
const [hover, setHover] = React.useState(false);
return (
);
}
function Chip({ children }) {
return {children};
}
// Icons (inline Lucide SVGs)
const Icon = {
ArrowRight: (p) => ,
ArrowLeft: (p) => ,
Play: (p) => ,
Instagram: (p) => ,
Message: (p) => ,
Mail: (p) => ,
MapPin: (p) => ,
};
Object.assign(window, { PillPrimary, PillSecondary, PillGhost, Chip, Icon });