这是我现在的代码：

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Input from '@material-ui/core/Input';

const useStyles = makeStyles(theme => ({
  container: {
    display: 'flex',
    flexWrap: 'wrap',
  },
  input: {
    margin: theme.spacing(1),
  },
}));

export default function Inputs() {
  const classes = useStyles();

  return (
    <div className={classes.container}>
      <Input
        defaultValue="Error"
        className={classes.input}
        error
        inputProps={{
          'aria-label': 'description',
        }}
      />
    </div>
  );
}

我在这里学习react，非常新，我现在正在https://material-ui.com/components/text-fields/的帮助下编写表单
但是现在我不知道如何将这些代码变成一个组件，以便我可以在任何地方使用。
谁能帮我把这个代码做成组件？
我猜这个问题很业余，但我很抱歉。我是一个非常新的React。