import type { Meta, StoryObj } from "@storybook/preact";
import { Skeleton, ListSkeleton, SplashScreen } from "./Skeleton";

const meta: Meta = { title: "Global/Skeleton" };
export default meta;
type Story = StoryObj;

export const Lines: Story = { render: () => <div class="w-64"><Skeleton count={4} height="14px" /></div> };
export const ListLoading: Story = { render: () => <div class="max-w-lg"><ListSkeleton /></div> };
export const Splash: Story = { render: () => <SplashScreen name="My CRM" icon="💼" />, parameters: { layout: "fullscreen" } };
export const SplashNoIcon: Story = { render: () => <SplashScreen name="zuzu app" />, parameters: { layout: "fullscreen" } };
