stone-kit/dist/stories/shared/ui/Select/Select.stories.js

uikit for redesign

import { l as e } from "../../../../index-BJwl9stn.js";
import { Select as l } from "../../../../components/Select/ui/Select.js";
const t = [
  { value: "1", label: "Option 1" },
  { value: "2", label: "Option 2" },
  { value: "3", label: "Option 3" },
  { value: "4", label: "Option 4" }
], r = {
  title: "shared/ui/Select",
  component: l,
  parameters: {
    layout: "centered"
  },
  tags: ["autodocs"],
  argTypes: {
    variant: {
      control: {
        type: "select",
        options: ["light", "dark", "gray", "transparent"]
      }
    },
    size: {
      control: {
        type: "select",
        options: ["small", "medium", "large"]
      }
    }
  },
  args: {
    options: t,
    onChange: e(),
    onBlur: e(),
    onFocus: e()
  }
}, i = {
  args: {
    placeholder: "Select an option",
    label: "Select Field"
  }
}, n = {
  args: {
    placeholder: "Select an option",
    label: "Select Field",
    value: "2"
  }
}, s = {
  args: {
    placeholder: "Select an option",
    label: "Select Field",
    error: !0,
    errorText: "This field is required"
  }
}, c = {
  args: {
    placeholder: "Select an option",
    label: "Select Field",
    disabled: !0
  }
}, p = {
  args: {
    placeholder: "Select multiple options",
    label: "Multiple Select",
    multiple: !0,
    value: ["1", "3"]
  }
}, u = {
  args: {
    placeholder: "Select an option",
    label: "Select Field",
    helperText: "Choose the best option for you"
  }
};
export {
  i as Default,
  c as Disabled,
  p as Multiple,
  s as WithError,
  u as WithHelperText,
  n as WithValue,
  r as default
};