packages/instant/src/components/sandbox.tsx


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

import * as React from 'react';

import { MediaChoice, stylesForMedia } from '../style/media';
import { styled } from '../style/theme';

// export const Sandbox: React.StatelessComponent<{}> = props => {
//     return <div>Hi</div>;
// };

// TODO: handle string too
interface SandboxProps {
    width: MediaChoice;
}
export const Sandbox =
    styled.div <
    SandboxProps >
    `
    display: block;
    border: 1px solid black;
    background-color: yellow;
    ${props => stylesForMedia(props.width)}
    `;