import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from "react";
import { DateTimePicker } from "./DateTimePicker.native.js";
import { RenderStage } from "./storybook-utils.native.js";
var DateTimePicker_stories_default = {
  component: DateTimePicker,
  parameters: {
    layout: "fullscreen"
  }
};
var Variants = function () {
  var [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.native.js.map
