// assets
import BoyIcon from '@mui/icons-material/Boy';
import AssignmentIcon from '@mui/icons-material/Assignment';

// icons

const icons = {
    ClientIcon : () => { return (
            <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', marginLeft: '-4px' }}>
                <BoyIcon fontSize="medium"/>
            </div>
        )
    },
    AssignmentIcon,
};

// ==============================|| MENU ITEMS - DASHBOARD ||============================== //

const client = {
    id: 'client-management',
    title: 'Client Management',
    type: 'group',
    ability:['VIEW','CLIENT'],
    children: [
        {
            id: 'client',
            title: 'Client',
            type: 'item',
            url: '/client',
            icon: icons.ClientIcon,
            breadcrumbs: false,
            ability:['VIEW','CLIENT']
        },
        {
            id: 'template',
            title: 'Template',
            type: 'item',
            url: '/template',
            icon: icons.AssignmentIcon,
            breadcrumbs: false,
            ability:['VIEW','TEMPLATE']
        },
    ]
};

export default client;
