import { UNSAFE_Combobox } from "@navikt/ds-react";
import { withDsExample } from "@/web/examples/withDsExample";

const Example = () => {
  return (
    <UNSAFE_Combobox
      label="Hva er din favorittfrukt?"
      options={options}
      error="Du må velge en favorittfrukt."
    />
  );
};

const options = [
  "ananas",
  "banan",
  "bringebær",
  "drue",
  "eple",
  "grapefrukt",
  "jordbær",
  "kiwi",
  "mandarin",
  "mango",
  "pære",
  "pasjonsfrukt",
  "vannmelon",
];

// EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE
export default withDsExample(Example, { variant: "static" });

/* Storybook story */
export const Demo = {
  render: Example,
};

export const args = {
  index: 3,
};
