feat: add main features
Agents for developpement added + frontend add + backend added. Git viewer created + agent and template creator + layout and project creator
This commit is contained in:
27
frontend/src/shared/ui/Toolbar.tsx
Normal file
27
frontend/src/shared/ui/Toolbar.tsx
Normal file
@ -0,0 +1,27 @@
|
||||
/** Toolbar — a thin horizontal action bar (LD). */
|
||||
|
||||
import { cn } from "../lib/cn";
|
||||
|
||||
export interface ToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
|
||||
/** Push trailing children to the right with an auto margin. */
|
||||
justify?: "start" | "between" | "end";
|
||||
}
|
||||
|
||||
const JUSTIFY = {
|
||||
start: "justify-start",
|
||||
between: "justify-between",
|
||||
end: "justify-end",
|
||||
} as const;
|
||||
|
||||
/** A flex row for grouping buttons/controls with consistent spacing. */
|
||||
export function Toolbar({ justify = "start", className, children, ...rest }: ToolbarProps) {
|
||||
return (
|
||||
<div
|
||||
role="toolbar"
|
||||
className={cn("flex items-center gap-2", JUSTIFY[justify], className)}
|
||||
{...rest}
|
||||
>
|
||||
{children}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user