aboutsummaryrefslogblamecommitdiffstats
path: root/packages/instant/src/components/sandbox.tsx
blob: b2c64efd3fbcfada9aea9de5a7e0319c10373a35 (plain) (tree)
1
2
3
4
5




                                                             









                             
                                                    
      
import * as React from 'react';

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

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