"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>
  );
};