refactor(ui): organize component source tree
This commit is contained in:
parent
8927f2ab8a
commit
32ad2cebe4
66 changed files with 194 additions and 124 deletions
|
|
@ -1,19 +0,0 @@
|
|||
import type { PropsWithChildren } from "react";
|
||||
|
||||
export interface PanelProps extends PropsWithChildren {
|
||||
title?: string;
|
||||
density?: "compact" | "dense";
|
||||
}
|
||||
|
||||
export function Panel({ title, density = "dense", children }: PanelProps) {
|
||||
return (
|
||||
<section className="panel" data-density={density}>
|
||||
{title ? (
|
||||
<header className="panel__header">
|
||||
<h2>{title}</h2>
|
||||
</header>
|
||||
) : null}
|
||||
<div className="panel__body">{children}</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue