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

const meta: Meta<typeof ListItem> = { title: "Composite/ListItem", component: ListItem };
export default meta;
type Story = StoryObj<typeof ListItem>;

export const Default: Story = { args: { title: "Alice Chen", subtitle: "Acme Inc", badge: "active", badgeColor: "green" } };
export const WithImage: Story = { args: { title: "Bob Kumar", subtitle: "$42,000", image: "https://i.pravatar.cc/64?u=bob", badge: "lead", badgeColor: "yellow" } };
export const WithActions: Story = { args: { title: "Carol Santos", badge: "churned", badgeColor: "red", onCycle: () => {}, onDelete: () => {} } };
export const LongTitle: Story = { args: { title: "International Business Machines Corporation Ltd.", subtitle: "Enterprise software and consulting" } };
