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

uikit for redesign

import { l as e } from "../../../../index-BJwl9stn.js";
import { S as a } from "../../../../FilterWithSave-D4iIFzmS.js";
const t = [
  { value: "price-asc", label: "Price: Low to High" },
  { value: "price-desc", label: "Price: High to Low" },
  { value: "name-asc", label: "Name: A to Z" },
  { value: "name-desc", label: "Name: Z to A" },
  { value: "date-asc", label: "Date: Oldest First" },
  { value: "date-desc", label: "Date: Newest First" }
], o = {
  title: "shared/ui/SortSelect",
  component: a,
  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()
  }
}, s = {
  args: {
    placeholder: "Sort by",
    label: "Sort"
  }
}, c = {
  args: {
    placeholder: "Sort by",
    label: "Sort",
    value: "price-asc"
  }
}, i = {
  args: {
    placeholder: "Sort by",
    label: "Sort",
    error: !0,
    errorText: "Please select a sort option"
  }
}, n = {
  args: {
    placeholder: "Sort by",
    label: "Sort",
    disabled: !0
  }
}, p = {
  args: {
    placeholder: "Sort by",
    label: "Sort",
    variant: "dark"
  }
}, b = {
  args: {
    placeholder: "Sort by",
    label: "Sort",
    size: "small"
  }
}, d = {
  args: {
    placeholder: "Sort by",
    label: "Sort",
    size: "large"
  }
};
export {
  p as Dark,
  s as Default,
  n as Disabled,
  d as Large,
  b as Small,
  i as WithError,
  c as WithValue,
  o as default
};