@wulperstudio/cms/organisms/SectionCard/SectionCard.js

Wulper Studio Library Components CMS

import React from 'react';
import { Divider } from '@mui/material';
import { Section, Title, ContainerChildren } from './styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var SectionCard = function SectionCard(props) {
  return /*#__PURE__*/_jsxs(Section, {
    showShadow: props.showShadow,
    backgroundColor: props.backgroundColor,
    children: [/*#__PURE__*/_jsx(Title, {
      children: props.title
    }), /*#__PURE__*/_jsx(ContainerChildren, {
      hideMargin: props.showDivider,
      children: props.children
    }), props.showDivider && /*#__PURE__*/_jsx(Divider, {
      variant: "fullWidth",
      sx: {
        borderColor: '#F5F5F5'
      }
    })]
  });
};