46 lines
1.0 KiB
TypeScript
46 lines
1.0 KiB
TypeScript
import { displayFlex, styled } from '../../styles';
|
|
import { ModalWrapper } from '../modal';
|
|
|
|
export const StyledModalWrapper = styled(ModalWrapper)(() => {
|
|
return {
|
|
minWidth: '460px',
|
|
maxWidth: '560px',
|
|
maxHeight: '292px',
|
|
padding: '44px 84px 32px 84px',
|
|
};
|
|
});
|
|
|
|
export const StyledConfirmTitle = styled('div')(({ theme }) => {
|
|
return {
|
|
fontSize: theme.font.h6,
|
|
fontWeight: 600,
|
|
textAlign: 'center',
|
|
lineHeight: '28px',
|
|
};
|
|
});
|
|
|
|
export const StyledConfirmContent = styled('div')(({ theme }) => {
|
|
return {
|
|
fontSize: theme.font.base,
|
|
textAlign: 'center',
|
|
marginTop: '12px',
|
|
color: theme.colors.textColor,
|
|
lineHeight: '26px',
|
|
};
|
|
});
|
|
|
|
export const StyledColumnButtonWrapper = styled('div')(() => {
|
|
return {
|
|
...displayFlex('center', 'center'),
|
|
flexDirection: 'column',
|
|
marginTop: '32px',
|
|
};
|
|
});
|
|
export const StyledRowButtonWrapper = styled('div')(() => {
|
|
return {
|
|
...displayFlex('center', 'center'),
|
|
flexDirection: 'row',
|
|
marginTop: '32px',
|
|
};
|
|
});
|