@wulperstudio/cms/modern/components/Text/styled.js

Wulper Studio Library Components CMS

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2;
import { Typography, styled } from '@mui/material';
export var Box = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  border: ", ";\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  box-shadow: ", ";\n  border-bottom: ", ";\n"])), function (props) {
  return props.backgroundColor ? '#fff' : '#f6f7fc';
}, function (props) {
  return props.backgroundColor ? '10px 0px' : '10px 15px';
}, function (props) {
  return props.showDivider ? '0px' : '5px';
}, function (props) {
  return props.showBorder ? '1px solid #ECECFB' : 'none';
}, function (props) {
  return props.showBoxShadow ? '0px 4px 24px rgba(0, 0, 0, 0.05)' : 'none';
}, function (props) {
  return props.showDivider ? '1px solid #f6f7fc' : 'none';
});
export var Label = styled('label')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: normal;\n  font-family: Poppins, cursive;\n  color: #b2beda;\n  margin-bottom: 10px;\n"])));
export var CustomTypography = styled(Typography)(function (_ref) {
  var clines = _ref.clines;
  return {
    maxWidth: '100%',
    display: '-webkit-box',
    WebkitBoxOrient: 'vertical',
    WebkitLineClamp: clines,
    overflow: 'hidden',
    textOverflow: 'ellipsis'
  };
});