import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ChevronDown } from "lucide-react";
import { AgentCard } from "./AgentCard";
import { cn } from "../lib/utils";
export function DateAgentsGroup({ label, agents, isExpanded, onToggle, onAgentClick, onResumeAgent, onCloseAgent, onDeleteAgent, formatDateTime, selectedAgentId, }) {
    return (_jsxs("div", { className: "space-y-1", children: [_jsxs("button", { type: "button", onClick: onToggle, className: "group flex w-full items-center gap-1 px-1 py-1 text-left", children: [_jsx("span", { className: "text-neutral-grey-50 text-[11px] font-semibold tracking-wide", children: label }), _jsx(ChevronDown, { className: cn("text-neutral-grey-50 size-3 opacity-0 transition-all duration-150 group-hover:opacity-100", !isExpanded && "-rotate-90 opacity-100"), strokeWidth: 2 })] }), isExpanded && (_jsx("div", { className: "divide-border-default border-border-default divide-y overflow-hidden rounded-lg border bg-white", children: agents.map((agent) => (_jsx(AgentCard, { agent: agent, onClick: onAgentClick, onResume: onResumeAgent, onClose: onCloseAgent, onDelete: onDeleteAgent, formatDateTime: formatDateTime, selected: selectedAgentId === agent.id }, agent.id))) }))] }));
}
//# sourceMappingURL=DateAgentsGroup.js.map