import type { Meta, StoryObj } from "@storybook/preact";
import { FAB } from "./FAB";

const meta: Meta<typeof FAB> = {
  title: "Primitives/FAB", component: FAB,
  parameters: { layout: "fullscreen" },
  decorators: [(Story) => <div style={{ position: "relative", height: "200px", width: "100%" }}><Story /></div>],
};
export default meta;
type Story = StoryObj<typeof FAB>;

export const IconOnly: Story = { args: { icon: "+" } };
export const WithLabel: Story = { args: { icon: "+", label: "New Record" } };
export const Custom: Story = { args: { icon: "✏", label: "Edit" } };
