Button.astro

---
let { type = "button" } = Astro.props;
---

<button
  class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:ring-opacity-75"
  {type}
>
  <slot />
</button>