import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { fn } from "storybook/test";
import { Button } from "@jobber/components-native";
import { ButtonBasicExample, ButtonCancelExample } from "./docs";

const meta = {
  title: "Components/Actions/Button",
  component: Button,
} satisfies Meta<typeof Button>;
export default meta;
type Story = StoryObj<typeof meta>;

export const Basic: Story = {
  render: ButtonBasicExample,
  args: {
    label: "New Job",
    onPress: fn(),
  },
};

export const Cancel: Story = {
  render: ButtonCancelExample,
  args: {
    label: "Cancel",
    variation: "cancel",
    onPress: fn(),
  },
};