ERP-node/frontend/components/admin/CompanyToolbar.tsx

import { Plus } from "lucide-react";
import { CompanySearchFilter } from "@/types/company";
import { Button } from "@/components/ui/button";

interface CompanyToolbarProps {
  searchFilter: CompanySearchFilter;
  totalCount: number;
  filteredCount: number;
  onSearchChange: (filter: Partial<CompanySearchFilter>) => void;
  onSearchClear: () => void;
  onCreateClick: () => void;
}

/**
 * 회사 관리 툴바 컴포넌트
 * 검색, 필터링, 등록 기능 제공
 */
export function CompanyToolbar({ totalCount, onCreateClick }: CompanyToolbarProps) {
  return (
    <div className="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
      {/* 왼쪽: 카운트 정보 */}
      <div className="text-sm text-muted-foreground">
        총 <span className="font-semibold text-foreground">{totalCount.toLocaleString()}</span> 건
      </div>

      {/* 오른쪽: 등록 버튼 */}
      <Button onClick={onCreateClick} className="h-10 gap-2 text-sm font-medium">
        <Plus className="h-4 w-4" />
        회사 등록
      </Button>
    </div>
  );
}