Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { List, ListItemButton, ListItemText, Typography } from '@mui/material';

import Widget from '../../../components/UI/Widget';

const defaultProps = [
  {
    id: 1,
    name: 'Inbox',
    emailNumber: 4
  },
  {
    id: 2,
    name: 'Important',
    emailNumber: 2
  },
  {
    id: 3,
    name: 'Sent',
    emailNumber: 9
  },
  {
    id: 4,
    name: 'Trash',
    emailNumber: 12
  }
];

export default function EmailLabels({ labels = defaultProps, onLabelClick }) {
  return (
    <Widget>
      <List>
        {labels.map(({ id, name, emailNumber }) => (
          <ListItemButton key={id} onClick={() => onLabelClick(id)}>
            <ListItemText primary={name} />
            <Typography variant='overline'>{emailNumber}</Typography>
          </ListItemButton>
        ))}
      </List>
    </Widget>
  );
}