import type React from "react";
import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { AtlantisThemeContextProvider } from "@jobber/components-native";
import {
  AtlantisThemeContextBasicExample,
  AtlantisThemeContextForceThemeForProviderExample,
} from "./docs";

const meta = {
  title: "Components/Themes/AtlantisThemeContext",
  component: AtlantisThemeContextProvider,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
  },
} satisfies Meta<typeof AtlantisThemeContextProvider>;
export default meta;
type Story = StoryObj<
  Omit<
    React.ComponentProps<typeof AtlantisThemeContextProvider>,
    "children"
  > & {
    children?: React.ReactNode;
  }
>;

export const Basic: Story = {
  render: AtlantisThemeContextBasicExample,
};

export const ForceThemeForProvider: Story = {
  render: AtlantisThemeContextForceThemeForProviderExample,
};