@wulperstudio/cms/organisms/HeaderDrawer/styled.js

Wulper Studio Library Components CMS

import { Box, styled } from '@mui/material';
import { TextForLinesOutput } from '../../components/TextForLinesOutput/index';
export var Header = styled(Box, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'backgroundColor' && prop !== 'positionTitle';
  }
})(function (_ref) {
  var theme = _ref.theme,
    backgroundColor = _ref.backgroundColor;
  return {
    alignItems: 'center',
    backgroundColor: backgroundColor || theme.palette.background["default"],
    display: 'flex',
    gap: '10px',
    justifyContent: 'space-between',
    maxWidth: '100%',
    minHeight: '56px',
    padding: '0',
    width: '100%'
  };
});
export var CustomTypography = styled(TextForLinesOutput)(function () {
  return {
    flex: 1,
    fontWeight: '600'
  };
});