public
anord
read
Ledger
Why work hard when you can work easier?
Languages
Repository composition by tracked source files.
TypeScript
86%
CSS
10%
SQL
3%
Shell
1%
HTML
0%
Trace
apps/web/src/components/EmptyState.tsx
Trace helps you understand code history line by line. See who changed each line, when it changed, and which commit introduced it.
Author
Date
Commit
Line
Code
1
import type { ReactNode } from "react";
3
export function EmptyState({
4
eyebrow,
5
title,
6
description,
7
action
8
}: {
9
eyebrow?: string;
10
title: string;
11
description: string;
12
action?: ReactNode;
13
}) {
14
return (
15
<section className="empty-state">
16
{eyebrow ? <p className="eyebrow">{eyebrow}</p> : null}
17
<h2 className="empty-state__title">{title}</h2>
18
<p className="empty-state__description">{description}</p>
19
{action ? <div className="empty-state__action">{action}</div> : null}
20
</section>
21
);
22
}