---
interface Props {
  label: string
  type?: "text" | "email" | "password" | "number"
  name: string
  required?: boolean
  placeholder?: string
}

const {
  label,
  type = "text",
  name,
  required = false,
  placeholder,
} = Astro.props
---

<label class="flex flex-col">
  {label}
  <input
    class="input input-bordered w-full"
    type={type}
    name={name}
    required={required}
    placeholder={placeholder}
  />
</label>