Empty

npx shadcn@latest add https://brutallab.facilito.dev/r/empty.json

'use client';

import Link from 'next/link';

import {
  Empty,
  EmptyHeader,
  EmptyTitle,
  EmptyDescription,
  EmptyContent,
} from '@/components/ui/empty';
import { Button } from '@/components/ui/button';

export default function Demo() {
  return (
    <Empty>
      <EmptyHeader>
        <EmptyTitle>No saved components</EmptyTitle>
        <EmptyDescription>
          Save a component from the catalog to see it here.
        </EmptyDescription>
      </EmptyHeader>
      <EmptyContent>
        <Button
          nativeButton={false}
          render={<Link href="/en/docs/components/button" />}
        >
          Browse Button
        </Button>
      </EmptyContent>
    </Empty>
  );
}