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

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

import React from 'react';
import Divider from '@mui/material/Divider';
import Typography from '@mui/material/Typography';
/**
 * Component that renders the instructions content for the workflow card.
 *
 * @param {WorkflowCardInstructionProps} props - props of WorkflowCardInstruction
 *
 * @category Component
 */
export const WorkflowCardInstructions = (props) => {
    const { instructions, divider = true, sx, ...otherProps } = props;
    return (React.createElement(React.Fragment, null,
        typeof instructions === 'string' ? (React.createElement(Typography, { sx: [{ px: { md: 3, xs: 2 }, pt: 2 }, ...(Array.isArray(sx) ? sx : [sx])], ...otherProps }, instructions)) : (instructions),
        divider ? React.createElement(Divider, { sx: { mt: 5, mb: 4, mx: { md: -3, xs: -2 } } }) : null));
};