legal-ai-assistant/frontend/components/assistant-ui/header.tsx
2026-04-20 11:43:14 +02:00

21 lines
748 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>
);
};