I am a design doc.

Primary
```jsx
      <Button icon='lock' variant='action'>Action</Button>
```

Secondary
```jsx
      <Button variant='lowlight'>Lowlight Action</Button>
```

Tertiary
```jsx
  <Button onClick={() => alert('Button clicked')} icon='lock'>Default Button</Button>
```