@wq/material-web/src/inputs/Fieldset.js

Web bindings for @wq/material

import React from "react";
import { Card, Typography, CardContent } from "@mui/material";
import PropTypes from "prop-types";

export default function Fieldset({ label, children }) {
    return (
        <Card sx={{ mb: 2 }}>
            <CardContent>
                {label && (
                    <Typography color="textSecondary">{label}</Typography>
                )}
                {children}
            </CardContent>
        </Card>
    );
}

Fieldset.propTypes = {
    label: PropTypes.string,
    children: PropTypes.node,
};