import { format } from "date-fns";
import { useState } from "react";
import { YStack } from "tamagui";
import { RenderStage } from "./storybook-utils.mjs";
import { TimePicker } from "./TimePicker.mjs";
import { Body, Title } from "./typography.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
var TimePicker_stories_default = {
  component: TimePicker
};
const Picker = () => {
  const [date, setDate] = useState(/* @__PURE__ */new Date());
  return /* @__PURE__ */jsx(RenderStage, {
    height: 240,
    children: /* @__PURE__ */jsxs(YStack, {
      gap: 20,
      justifyContent: "center",
      alignItems: "center",
      children: [/* @__PURE__ */jsx(TimePicker, {
        value: date,
        onChange: setDate
      }), /* @__PURE__ */jsx(Title, {
        children: "Date state:"
      }), /* @__PURE__ */jsx(Body, {
        size: "large",
        children: format(date, "hh:mm aaaaa'm'")
      })]
    })
  });
};
export { Picker, TimePicker_stories_default as default };
//# sourceMappingURL=TimePicker.stories.mjs.map
