@wulperstudio/cms/modern/components/WCircleColor/WCircleColor.js

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["children", "backgroundColor", "color"];
import React from 'react';
import { Box, useTheme } from '@mui/material';
import { jsx as _jsx } from "react/jsx-runtime";
var WCircleColor = function WCircleColor(_ref) {
  var children = _ref.children,
    backgroundColor = _ref.backgroundColor,
    color = _ref.color,
    props = _objectWithoutProperties(_ref, _excluded);
  var theme = useTheme();
  return /*#__PURE__*/_jsx(Box, Object.assign({
    sx: {
      width: '40px',
      height: '40px',
      backgroundColor: backgroundColor || theme.palette.primary.main,
      color: color || '#fff',
      borderRadius: '50%',
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center'
    }
  }, props, {
    children: children
  }));
};
export default WCircleColor;