Lists

Code Block

function Button({ variant = 'primary', size = 'md', ...props }) {
  const variants = {
    primary: 'btn-primary',
    secondary: 'btn-secondary',
    ghost: 'btn-ghost',
  }
  
  return <button className={cn('btn', variants[variant])} {...props} />
}

Blockquote

"Good design is as little design as possible. Less, but better – because it concentrates on the essential aspects, and the products are not burdened with non-essentials."

— Dieter Rams