<div className="flex items-center gap-3">
  <Button onClick={() => console.log('Hello!')}>Hello</Button>
  <Button variant="primary" onClick={() => console.log('Wuha')}>
    Primary
  </Button>
  <Button variant="outline" onClick={() => console.log('Whurt')}>
    Outline
  </Button>
</div>