2019-06-24 04:44:53 +07:00
|
|
|
import styled, { css } from 'react-emotion';
|
2019-02-03 17:23:33 +07:00
|
|
|
|
|
|
|
import colors from '../../utils/styles/colors';
|
2019-10-12 14:54:52 +07:00
|
|
|
import CircularProgress from '../../muiComponents/CircularProgress';
|
2019-02-03 17:23:33 +07:00
|
|
|
|
2019-10-03 17:57:42 +07:00
|
|
|
interface WrapperProps {
|
|
|
|
centered: boolean;
|
|
|
|
}
|
|
|
|
|
2019-06-20 19:37:28 +07:00
|
|
|
export const Wrapper = styled('div')`
|
2019-02-03 17:23:33 +07:00
|
|
|
&& {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
2019-10-03 17:57:42 +07:00
|
|
|
${(props: WrapperProps) =>
|
2019-02-03 17:23:33 +07:00
|
|
|
props.centered &&
|
|
|
|
css`
|
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
|
|
|
left: 50%;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
`};
|
|
|
|
}
|
|
|
|
`;
|
|
|
|
|
2019-07-15 16:57:32 +07:00
|
|
|
export const Circular = styled(CircularProgress)({
|
|
|
|
'&&': {
|
|
|
|
color: colors.primary,
|
|
|
|
},
|
|
|
|
});
|