2019-11-23 19:41:14 +07:00
|
|
|
import styled from '@emotion/styled';
|
2019-02-03 17:23:33 +07:00
|
|
|
|
2020-03-31 13:44:59 +07:00
|
|
|
import { Theme } from '../../design-tokens/theme';
|
|
|
|
|
|
2019-11-23 19:41:14 +07:00
|
|
|
export const Wrapper = styled('div')({
|
|
|
|
|
transform: 'translate(-50%, -50%)',
|
|
|
|
|
top: '50%',
|
|
|
|
|
left: '50%',
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
});
|
2019-02-03 17:23:33 +07:00
|
|
|
|
2020-03-31 13:44:59 +07:00
|
|
|
export const Badge = styled('div')<{ theme?: Theme }>(({ theme }) => ({
|
2019-11-23 19:41:14 +07:00
|
|
|
margin: '0 0 30px 0',
|
|
|
|
|
borderRadius: 25,
|
|
|
|
|
boxShadow: '0 10px 20px 0 rgba(69, 58, 100, 0.2)',
|
2020-03-31 13:44:59 +07:00
|
|
|
background: theme?.palette.type === 'dark' ? theme?.palette.black : '#f7f8f6',
|
|
|
|
|
}));
|
