amplify-material-ui/lib/esm/ui/form-section.js

A Material-UI based implementation of aws amplify

import * as React from 'react';
import { Paper } from '@mui/material';
import makeStyles from '@mui/styles/makeStyles';
import createStyles from '@mui/styles/createStyles';
import { FormContainer } from './form-container';
var useStyles = makeStyles(function (theme) {
    return createStyles({
        paper: {
            marginTop: theme.spacing(12),
            display: 'flex',
            flexDirection: 'column',
            alignItems: 'center',
            minWidth: '300px',
            padding: theme.spacing(1),
        },
    });
});
export var FormSection = function (_a) {
    var children = _a.children;
    var classes = useStyles();
    return (React.createElement(FormContainer, null,
        React.createElement(Paper, { className: classes.paper }, children)));
};