packages/instant/src/components/panel.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import * as React from 'react';

import { ColorOption } from '../style/theme';
import { zIndex } from '../style/z_index';

import { Button, Container, Text } from './ui';

export interface PanelProps {
    onClose?: () => void;
}

export const Panel: React.StatelessComponent<PanelProps> = ({ children, onClose }) => (
    <Container
        backgroundColor={ColorOption.white}
        position="absolute"
        top="0px"
        left="0px"
        width="100%"
        height="100%"
        zIndex={zIndex.panel}
    >
        <Button onClick={onClose}>
            <Text fontColor={ColorOption.white}>Close </Text>
        </Button>
        {children}
    </Container>
);