const ganttChartTheme = {
    baseStyle: "flex flex-col w-full overflow-hidden text-base",
    toolbarStyle: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 border-b border-[var(--color-border)] bg-[var(--color-background-secondary)]",
    tablePanelStyle: "hidden sm:flex flex-col shrink-0 overflow-hidden",
    chartPanelStyle: "flex flex-col flex-1 min-w-0 overflow-hidden",
    tableHeaderStyle: "flex items-center h-[56px] border-b border-[var(--color-border)] bg-[var(--color-background-secondary)]",
    tableHeaderCellStyle: "px-3 font-medium text-[var(--color-text-secondary)] truncate",
    tableGroupRowStyle: "flex items-center cursor-pointer select-none hover:bg-[var(--color-background-secondary)] transition-colors",
    tableTaskRowStyle: "flex items-center hover:bg-[var(--color-background-secondary)] transition-colors",
    tableCellStyle: "px-3 truncate text-[var(--color-text-primary)]",
    timelineHeaderStyle: "bg-[var(--color-background)] border-b border-[var(--color-border)]",
    timelineMonthStyle: "text-sm font-medium text-[var(--color-text-secondary)] px-2 border-b border-[var(--color-border)] flex items-center",
    timelineDayStyle: "text-[10px] text-[var(--color-text-muted)] flex items-center justify-center",
    gridLineStyle: "border-r border-[var(--color-border)]/30",
    weekendStyle: "bg-[var(--color-background-secondary)]/50",
    todayMarkerStyle: "bg-[var(--color-primary)] w-px",
    todayColumnStyle: "bg-[var(--color-primary)]/5",
    taskBarStyle: "absolute rounded-md cursor-pointer flex items-center",
    groupBarStyle: "absolute rounded-md opacity-25",
    splitterStyle: "hidden sm:block w-1 cursor-col-resize bg-[var(--color-border)] hover:bg-[var(--color-primary)] transition-colors shrink-0",
};

export { ganttChartTheme };
