// Atom: Button
export function Button({ variant = 'default', size = 'md', ...props }) {
return <button className={cn(variants[variant], sizes[size])} {...props} />;
}
// Molecule: ButtonGroup
export function ButtonGroup({ children }) {
return <div className="flex gap-2">{children}</div>;
}
// Organism: Form
export function Form() {
return (
<ButtonGroup>
<Button>Submit</Button>
<Button variant="outline">Cancel</Button>
</ButtonGroup>
);
}
