Combobox

"use client";

import { Combobox } from "@dashboardpack/core/components/ui/combobox";
import { useState } from "react";

const options = [
  { value: "design", label: "Design" },
  { value: "engineering", label: "Engineering" },
  { value: "marketing", label: "Marketing" },
];

export default function ComboboxExample() {
  const [value, setValue] = useState("");
  return (
    <div className="w-full max-w-sm space-y-4">
      <Combobox
        options={options}
        value={value}
        onValueChange={setValue}
        placeholder="Choose a team"
        ariaLabel="Team"
      />
      <Combobox
        options={options}
        value="design"
        onValueChange={setValue}
        disabled
        placeholder="Disabled team"
      />
      <p className="text-sm text-muted-foreground">
        Selected: {value || "None"}. Select again to clear.
      </p>
    </div>
  );
}