Build a Custom Button

Create a reusable React Button component that accepts a `variant` prop ('primary', 'secondary').

export default function App() {
  return (
    <div style={{ padding: '20px' }}>
      <Button variant="primary">Primary</Button>
      <Button variant="secondary">Secondary</Button>
    </div>
  )
}

function Button({ variant, children }) {
  return <button>{children}</button>
}

Open Sandbox