An unstyled component that can be used for creating your own clickable components. It's basically a native HTML button element with all the browser default styling removed. Read more about [buttons and accessibility](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_button_role)

This article also explains why: https://css-tricks.com/use-button-element/

If you pass a href, click will render an `<a>`, otherwise it will render as a `<button>`.

### Example

```jsx live=true
<Click
  extend={{ background: "ghostwhite" }}
  onClick={() => {
    alert("hey");
  }}
>
  I'm an unstyled clickable button
</Click>
```