import { List as MuiList } from '@mui/material';

import type { ReactElement, ReactNode } from 'react';

import { useStyles } from './List.styles';

interface Props {
  children: ReactNode;
}

export const List = ({ children }: Props): ReactElement => {
  const { classes } = useStyles();

  return (
    <MuiList className={classes.list} dense>
      {children}
    </MuiList>
  );
};