import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { List } from '@mui/material';
import ParticipationListItem from '.';
const meta = {
    title: 'Composed Components/PeopleExperience/SurveyResults/Participation/ParticipationListItem',
    component: ParticipationListItem,
    parameters: {
        layout: 'padded',
    },
    decorators: [
        Story => (_jsx(List, { disablePadding: true, children: _jsx(Story, {}) })),
    ],
    args: {
        primary: 'Departamento de Ingeniería',
        secondary: '45 colaboradores',
        value: 72,
        ratioLabel: '36 / 50',
        noDataMessage: 'Sin datos',
        isEmpty: false,
    },
};
export default meta;
export const Default = {};
export const Expandable = {
    args: {
        expandable: true,
        children: (isExpanded) => isExpanded ? (_jsxs(List, { disablePadding: true, children: [_jsx(ParticipationListItem, { primary: "Sub-equipo A", secondary: "10 colaboradores", value: 80, ratioLabel: "8 / 10", noDataMessage: "Sin datos", isEmpty: false, depth: 1 }), _jsx(ParticipationListItem, { primary: "Sub-equipo B", secondary: "15 colaboradores", value: 60, ratioLabel: "9 / 15", noDataMessage: "Sin datos", isEmpty: false, depth: 1 })] })) : null,
    },
};
export const Empty = {
    args: {
        isEmpty: true,
        value: 0,
        ratioLabel: '0 / 0',
    },
};
