legal-ai-assistant/frontend/components/assistant-ui/header.tsx
2026-04-19 21:50:32 +02:00

25 lines
855 B
TypeScript

"use client";
import { type FC } from "react";
import { SquarePenIcon, ChevronDownIcon, ScaleIcon } from "lucide-react";
export const ThreadHeader: FC = () => {
return (
<div className="flex items-center gap-2 px-4 py-3 border-b border-border/40">
<button className="p-1.5 rounded-md hover:bg-accent transition-colors">
<SquarePenIcon className="size-5 text-muted-foreground" />
</button>
<div className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg hover:bg-accent cursor-pointer transition-colors">
<span className="text-sm font-medium text-foreground">
Legal AI Assistant
</span>
<ChevronDownIcon className="size-4 text-muted-foreground" />
</div>
<div className="ml-auto p-1.5">
<ScaleIcon className="size-5 text-blue-400" />
</div>
</div>
);
};