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

Wulper Studio Library Components CMS

import { styled } from '@mui/material';
export var WrapperDialog = styled('div')({
  width: 275,
  display: 'flex',
  alignItems: 'center',
  flexDirection: 'column',
  justifyContent: 'space-between',
  background: '#FFF'
});
export var Title = styled('h1')({
  color: '#3D3769',
  fontWeight: 600,
  fontSize: 18,
  textAlign: 'center'
});
export var Description = styled('p')({
  margin: 0,
  color: '#B2BEDA',
  textAlign: 'center'
});
export var WrapperButtons = styled('div')({
  display: 'flex',
  borderTop: '1px solid #ECECFB',
  width: '100%'
});
export var Element = styled('div')({
  display: 'flex',
  flexGrow: 1
});
export var WrapperContent = styled('div')({
  padding: '18px 25px 15px 25px',
  display: 'flex',
  alignItems: 'center',
  flexDirection: 'column',
  rowGap: 15
});