34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
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>
|
|
);
|
|
}
|