Select (native)

import { CruiseSelect } from "@/components/cruise/select";

export default function SelectExample() {
  return (
    <div className="grid gap-6 md:grid-cols-2">
      <CruiseSelect label="Delivery time" defaultValue="morning" hint="We'll text you when the rider leaves.">
        <option value="morning">Morning (8am – 12 noon)</option>
        <option value="afternoon">Afternoon (12 noon – 4pm)</option>
        <option value="evening">Evening (4pm – 8pm)</option>
      </CruiseSelect>
      <CruiseSelect label="State" defaultValue="" error="Choose your state.">
        <option value="" disabled>
          Choose a state
        </option>
        <option value="lagos">Lagos</option>
        <option value="oyo">Oyo</option>
      </CruiseSelect>
    </div>
  );
}