React Card with material ui

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
import CardActions from '@material-ui/core/CardActions';
import CardContent from '@material-ui/core/CardContent';
import Button from '@material-ui/core/Button';
import Typography from '@material-ui/core/Typography';

const useStyles = makeStyles({
  root: {
    minWidth: 275,
  },
  title: {
    fontSize: 14,
  },
  pos: {
    marginBottom: 12,
  },
});

export default function SimpleCard() { //It will have a custom name
  const classes = useStyles();

  return (
    <Card className={classes.root}>
      <CardContent>
        <Typography className={classes.title} color="textSecondary" gutterBottom>
         {/* It will have a text typed with the vscode cursor */}
          Hello Dev
        </Typography>
        <Typography className={classes.pos} color="textSecondary">
            {/* It will have a text typed with the vscode cursor */}
          Welcome to
        </Typography>
        <Typography variant="body2" component="p">
            {/* It will have a text typed with the vscode cursor */}
          SoftDevs
        </Typography>
      </CardContent>
      <CardActions>
        <Button size="small">{/* It will have a text typed with the vscode cursor */} Come to code with us</Button>
      </CardActions>
    </Card>
  );
}