<filename>src/src/components/List/index.js
import React from 'react';
import { Paper, Typography, CssBaseline } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';

import Title from './Tite';
import Card from '../Card';

const useStyle = makeStyles((theme) => ({
    root: {
        width: '300px',
        backgroundColor: '#EBECF0',
        marginLeft: theme.spacing(1),
    },
}));

export default function List() {

    const classes = useStyle();

    return (
        <>
            <Paper className={classes.root}>
                <CssBaseline />
                <Title />
                <Card />
                <Card />
                <Card />
            </Paper>
        </>
    );

}