import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { action } from "storybook/actions";
import { EmptyState } from "@jobber/components-native";
import { EmptyStateBasic } from "./docs";

const meta = {
  title: "Components/Status and Feedback/EmptyState",
  component: EmptyState,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
  },
} satisfies Meta<typeof EmptyState>;
export default meta;
type Story = StoryObj<typeof meta>;

export const Basic: Story = {
  render: EmptyStateBasic,
  args: {
    icon: "home",
    title: "Title",
    description: "Description",
    primaryAction: {
      label: "Click Me",
      onPress: () => {
        action("alert")("👋");
      },
    },
    secondaryAction: {
      label: "Don't Forget About Me",
      onPress: () => {
        action("alert")("👋");
      },
    },
  },
};