import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { List } from '@mui/material';
import ParticipationListItem from '../ParticipationListItem';
import ParticipationList from '.';
const sampleItems = [
    {
        id: 1,
        title: 'Departamento de Ingeniería',
        subtitle: '50 colaboradores',
        totalReviews: 50,
        completedReviews: 36,
        participationPercentage: 72,
        hasChildren: true,
        childrenAmount: 2,
    },
    {
        id: 2,
        title: 'Departamento de Marketing',
        subtitle: '30 colaboradores',
        totalReviews: 30,
        completedReviews: 28,
        participationPercentage: 93,
        hasChildren: false,
        childrenAmount: 0,
    },
    {
        id: 3,
        title: 'Sin asignación',
        subtitle: null,
        totalReviews: 0,
        completedReviews: 0,
        participationPercentage: 0,
        hasChildren: false,
        childrenAmount: 0,
    },
];
const meta = {
    title: 'Composed Components/PeopleExperience/SurveyResults/Participation/ParticipationList',
    component: ParticipationList,
    parameters: {
        layout: 'padded',
    },
    args: {
        items: sampleItems,
        noDataMessage: 'Sin datos suficientes',
        emptyState: {
            title: 'Sin resultados',
            description: 'No se encontraron participantes para esta selección.',
        },
        formatRatioLabel: (completed, total) => `${completed} / ${total}`,
    },
};
export default meta;
export const Default = {};
export const WithChildren = {
    args: {
        renderChildren: (item, isExpanded) => isExpanded ? (_jsxs(List, { disablePadding: true, children: [_jsx(ParticipationListItem, { primary: `Sub-equipo A — ${item.title}`, secondary: "15 colaboradores", value: 80, ratioLabel: "12 / 15", noDataMessage: "Sin datos", isEmpty: false, depth: 1 }), _jsx(ParticipationListItem, { primary: `Sub-equipo B — ${item.title}`, secondary: "10 colaboradores", value: 50, ratioLabel: "5 / 10", noDataMessage: "Sin datos", isEmpty: false, depth: 1 })] })) : null,
    },
};
export const Loading = {
    args: {
        items: undefined,
        isLoading: true,
    },
};
export const Empty = {
    args: {
        items: [],
    },
};
