import React from "react";
import { View } from "react-native";
import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { SafeAreaProvider } from "react-native-safe-area-context";
import { ToastBasic } from "./docs";

interface ToastStoryArgs {
  message: string;
}

const meta = {
  title: "Components/Status and Feedback/Toast",
  parameters: {
    viewport: { defaultViewport: "mobile1" },
    showNativeOnWebDisclaimer: true,
  },
  decorators: [
    Story => {
      return (
        <SafeAreaProvider>
          {/* flex: 1 fills the height so the Toast anchors to the bottom (web and native). */}
          <View style={{ flex: 1 }}>
            <Story />
          </View>
        </SafeAreaProvider>
      );
    },
  ],
} satisfies Meta<ToastStoryArgs>;

export default meta;

type Story = StoryObj<ToastStoryArgs>;

export const Basic: Story = {
  render: ToastBasic,
  args: {
    message: "Showed toast",
  },
};