import { useState } from "react";
import { DateTimePicker } from "./DateTimePicker";
import { RenderStage } from "./storybook-utils";
import { jsx, jsxs } from "react/jsx-runtime";
var DateTimePicker_stories_default = {
  component: DateTimePicker,
  parameters: {
    layout: "fullscreen"
  }
};
const Variants = () => {
  const [date, setDate] = useState(/* @__PURE__ */ new Date());
  return /* @__PURE__ */ jsxs(RenderStage, { children: [
    /* @__PURE__ */ jsx(
      DateTimePicker,
      {
        label: "Preset Date",
        supportingText: "Basic picker",
        value: date,
        onChange: setDate
      }
    ),
    /* @__PURE__ */ jsx(
      DateTimePicker,
      {
        label: "Error",
        supportingText: "This is in an error state",
        value: date,
        onChange: setDate,
        error: !0
      }
    ),
    /* @__PURE__ */ jsx(
      DateTimePicker,
      {
        label: "Disabled",
        supportingText: "This is in an loading state",
        value: date,
        onChange: setDate,
        disabled: !0
      }
    ),
    /* @__PURE__ */ jsx(
      DateTimePicker,
      {
        label: "Loading",
        supportingText: "This is an disabled state",
        value: date,
        onChange: setDate,
        loading: !0
      }
    )
  ] });
};
export {
  Variants,
  DateTimePicker_stories_default as default
};
//# sourceMappingURL=DateTimePicker.stories.js.map
