import { jsx } from 'react/jsx-runtime';
import Select from './Select.js';

var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var Select_stories = {
  title: "components/Inputs/Select",
  component: Select
};
const Template = (args) => /* @__PURE__ */ jsx(Select, __spreadValues({}, args));
const Default = Template.bind({});
Default.args = {
  name: "regionField",
  placeholder: "Select region",
  defaultValue: "eu-central-1",
  options: [
    { label: "eu-central-1", value: "eu-central-1" },
    { label: "us-east-1", value: "us-east-1" }
  ]
};
const DefaultMulti = Template.bind({});
DefaultMulti.args = {
  name: "regionField",
  placeholder: "Select region",
  defaultValue: ["eu-central-1", "us-east-1"],
  isMulti: true,
  options: [
    { label: "eu-central-1", value: "eu-central-1" },
    { label: "us-east-1", value: "us-east-1" }
  ]
};
const DefaultGroup = Template.bind({});
DefaultGroup.args = {
  name: "regionField",
  placeholder: "Select region",
  defaultValue: ["eu-central-1", "us-east-1"],
  isMulti: true,
  isGroup: true,
  options: [
    { label: "eu-central-1", value: "eu-central-1", group: "Europe" },
    { label: "us-east-1", value: "us-east-1", group: "US" }
  ]
};
const Group = Template.bind({});
Group.args = {
  name: "regionField",
  placeholder: "Select region",
  isGroup: true,
  defaultValue: ["eu-central-1"],
  options: [
    { label: "eu-central-1", value: "eu-central-1", group: "Europe" },
    { label: "us-east-1", value: "us-east-1", group: "US" }
  ]
};
const MultiSelect = Template.bind({});
MultiSelect.args = {
  name: "regionField",
  placeholder: "Select multiple regions",
  isMulti: true,
  options: [
    { label: "eu-central-1", value: "eu-central-1" },
    { label: "eu-west-1", value: "eu-west-1" },
    { label: "eu-east-1", value: "eu-east-1" }
  ]
};
const MultiSelectMax = Template.bind({});
MultiSelectMax.args = {
  name: "regionField",
  placeholder: "Select max 2 regions",
  isMulti: true,
  max: 2,
  options: [
    { label: "eu-central-1", value: "eu-central-1" },
    { label: "eu-west-1", value: "eu-west-1" },
    { label: "eu-east-1", value: "eu-east-1" }
  ]
};

export { Default, DefaultGroup, DefaultMulti, Group, MultiSelect, MultiSelectMax, Select_stories as default };
//# sourceMappingURL=Select.stories.js.map
