import { Avatar } from "pettyui/avatar";
import { Badge } from "pettyui/badge";
import { Card } from "pettyui/card";
import { Image } from "pettyui/image";
import { Separator } from "pettyui/separator";
import { Skeleton } from "pettyui/skeleton";
import { ComponentDemo } from "../component-demo";
/** Avatar demo with image and fallback variants. */
const AvatarDemo = () => (
);
/** Badge demo with multiple variants. */
const BadgeDemo = () => (
Default
Info
Success
Warning
Error
);
/** Card demo with header, content, and footer. */
const CardDemo = () => (
Card Title
A short description of this card.
Card body content goes here.
);
/** Image demo with working and broken sources. */
const ImageDemo = () => (
Loading...
No image
);
/** Separator demo with horizontal divider. */
const SeparatorDemo = () => (
Above the separator
Below the separator
);
/** Skeleton demo with different shapes. */
const SkeletonDemo = () => (
);
/** Layout and Display section with all display components. */
export const LayoutDisplaySection = () => (
<>
);