mirror of
https://github.com/SomboChea/ui
synced 2024-05-17 17:01:46 +07:00
111f0c50e5
* chore: updated emotion dependency * feat: introduced theme * refactor: updated emotion styles * fix: fixed emotion error * fix: fixed tests * chore: add missing types Co-Authored-By: Thomas Klein <tmkn@users.noreply.github.com>
30 lines
662 B
TypeScript
30 lines
662 B
TypeScript
import styled from '@emotion/styled';
|
|
import { css } from '@emotion/core';
|
|
|
|
import { Theme } from '../../design-tokens/theme';
|
|
|
|
export const Content = styled('div')<{ theme?: Theme }>(props => ({
|
|
backgroundColor: props.theme && props.theme.palette.white,
|
|
flex: 1,
|
|
display: 'flex',
|
|
position: 'relative',
|
|
flexDirection: 'column',
|
|
}));
|
|
|
|
interface ContainerProps {
|
|
isLoading: boolean;
|
|
}
|
|
|
|
export const Container = styled('div')<ContainerProps>(props => ({
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
minHeight: '100vh',
|
|
overflow: 'hidden',
|
|
...(props.isLoading &&
|
|
css`
|
|
${Content} {
|
|
background-color: #f5f6f8;
|
|
}
|
|
`),
|
|
}));
|