@brightlayer-ui/react-auth-workflow/components/WorkflowCard/WorkflowCardBody.js

Re-usable workflow components for Authentication and Registration within Eaton applications.

import React from 'react';
import CardContent from '@mui/material/CardContent';
/**
 * Component that renders the body content for the workflow card.
 *
 * @param children content to render in the WorkflowCardBody
 *
 * @category Component
 */
export const WorkflowCardBody = (props) => {
    const { children, sx, ...otherCardContentProps } = props;
    return (React.createElement(CardContent, { sx: [
            {
                display: 'flex',
                flex: '1 1 0',
                overflow: 'auto',
                flexDirection: 'column',
                pt: 0,
                pb: { sm: 2, md: 3 },
                px: { xs: 2, md: 3 },
                ...sx,
            },
            ...(Array.isArray(sx) ? sx : [sx]),
        ], ...otherCardContentProps }, children));
};