2019-11-23 19:41:14 +07:00
|
|
|
import styled from '@emotion/styled';
|
2019-10-13 02:41:42 +07:00
|
|
|
|
|
|
|
import { default as Typography } from '../../muiComponents/Heading';
|
2019-10-13 03:26:56 +07:00
|
|
|
import List from '../../muiComponents/List';
|
2019-10-26 13:44:25 +07:00
|
|
|
import { default as MuiCard } from '../../muiComponents/Card';
|
2019-10-13 02:41:42 +07:00
|
|
|
|
|
|
|
export const Wrapper = styled('div')({
|
|
|
|
display: 'flex',
|
|
|
|
alignItems: 'center',
|
|
|
|
flexDirection: 'column',
|
|
|
|
justifyContent: 'center',
|
|
|
|
flex: 1,
|
|
|
|
padding: '16px',
|
|
|
|
});
|
|
|
|
|
|
|
|
export const Inner = styled('div')({
|
|
|
|
maxWidth: '650px',
|
|
|
|
display: 'flex',
|
|
|
|
flexDirection: 'column',
|
|
|
|
});
|
|
|
|
|
|
|
|
export const EmptyPackage = styled('img')({
|
|
|
|
width: '150px',
|
|
|
|
margin: '0 auto',
|
|
|
|
});
|
|
|
|
|
|
|
|
export const Heading = styled(Typography)({
|
|
|
|
color: '#4b5e40',
|
|
|
|
});
|
|
|
|
|
2019-10-13 03:26:56 +07:00
|
|
|
export const StyledList = styled(List)({
|
|
|
|
padding: 0,
|
|
|
|
color: '#4b5e40',
|
2019-10-13 02:41:42 +07:00
|
|
|
});
|
|
|
|
|
|
|
|
export const Card = styled(MuiCard)({
|
|
|
|
marginTop: '24px',
|
|
|
|
});
|