---
export interface Props extends astroHTML.JSX.ButtonHTMLAttributes {}

const { props } = Astro;
---

<button
  type="button"
  {...props}
  class:list={[
    'inline-flex items-center px-4 h-10 text-base font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 active:translate-y-px focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500',
    props.class,
  ]}
  ><slot />
</button>
