2019-11-23 19:41:14 +07:00
|
|
|
import styled from '@emotion/styled';
|
2019-10-08 03:19:18 +07:00
|
|
|
|
2019-10-12 14:55:37 +07:00
|
|
|
import DialogTitle from '../../muiComponents/DialogTitle';
|
|
|
|
import DialogContent from '../../muiComponents/DialogContent';
|
2019-11-23 19:41:14 +07:00
|
|
|
import { Theme } from '../../design-tokens/theme';
|
2019-06-20 19:37:28 +07:00
|
|
|
|
2019-11-23 19:41:14 +07:00
|
|
|
export const Title = styled(DialogTitle)<{ theme?: Theme }>(props => ({
|
|
|
|
backgroundColor: props.theme && props.theme.palette.primary.main,
|
|
|
|
color: props.theme && props.theme.palette.white,
|
2019-12-12 22:10:27 +07:00
|
|
|
fontSize: props.theme && props.theme.fontSize.lg,
|
2019-11-23 19:41:14 +07:00
|
|
|
}));
|
2019-06-20 19:37:28 +07:00
|
|
|
|
2020-03-31 13:44:59 +07:00
|
|
|
export const Content = styled(DialogContent)<{ theme?: Theme }>(({ theme }) => ({
|
2019-10-12 14:55:37 +07:00
|
|
|
padding: '0 24px',
|
2020-03-31 13:44:59 +07:00
|
|
|
backgroundColor: theme?.palette.background.default,
|
|
|
|
}));
|