import { TableHead, TableHeader, TableRow } from '@/components/ui/table';

interface VisibleColumns {
    code: boolean;
    name: boolean;
    priority: boolean;
    assignee: boolean;
    start_date: boolean;
    due_date: boolean;
    status: boolean;
}

interface TasksTableHeaderProps {
    visibleColumns: VisibleColumns;
}

export function TasksTableHeader({ visibleColumns }: TasksTableHeaderProps) {
    return (
        <TableHeader className="border-b bg-background/95 shadow-sm backdrop-blur-sm">
            <TableRow className="bg-background/95 hover:bg-transparent">
                {visibleColumns.code && (
                    <TableHead className="bg-background/95 px-6 font-semibold text-foreground">
                        Code
                    </TableHead>
                )}
                {visibleColumns.name && (
                    <TableHead className="bg-background/95 px-6 font-semibold text-foreground">
                        Task Name
                    </TableHead>
                )}
                {visibleColumns.status && (
                    <TableHead className="bg-background/95 px-6 text-center font-semibold text-foreground">
                        Status
                    </TableHead>
                )}
                {visibleColumns.priority && (
                    <TableHead className="bg-background/95 px-6 text-center font-semibold text-foreground">
                        Priority
                    </TableHead>
                )}
                {visibleColumns.assignee && (
                    <TableHead className="bg-background/95 px-6 text-center font-semibold text-foreground">
                        Assignee
                    </TableHead>
                )}
                {visibleColumns.start_date && (
                    <TableHead className="bg-background/95 px-6 text-center font-semibold text-foreground">
                        Start Date
                    </TableHead>
                )}
                {visibleColumns.due_date && (
                    <TableHead className="bg-background/95 px-6 text-center font-semibold text-foreground">
                        Due Date
                    </TableHead>
                )}
            </TableRow>
        </TableHeader>
    );
}