wip: mediachoice experiment

1 files changed, 22 insertions, 0 deletions

diff --git a/packages/instant/src/components/sandbox.tsx b/packages/instant/src/components/sandbox.tsx
new file mode 100644
index 000000000..04e4c7935
--- /dev/null
+++ b/packages/instant/src/components/sandbox.tsx
@@ -0,0 +1,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)}
+    `;