From f90486c99c7acf95f3b95fdc73ee125dd3f9086e Mon Sep 17 00:00:00 2001
From: Steve Klebanoff <steve.klebanoff@gmail.com>
Date: Tue, 6 Nov 2018 11:34:04 -0800
Subject: wip: mediachoice experiment

---
 packages/instant/src/style/media.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'packages/instant/src/style')

diff --git a/packages/instant/src/style/media.ts b/packages/instant/src/style/media.ts
index fa7571077..5a0cba668 100644
--- a/packages/instant/src/style/media.ts
+++ b/packages/instant/src/style/media.ts
@@ -1,3 +1,5 @@
+import { InterpolationValue } from 'styled-components';
+
 import { css } from './theme';
 
 export enum ScreenWidths {
@@ -17,3 +19,14 @@ export const media = {
     medium: generateMediaWrapper(ScreenWidths.Md),
     large: generateMediaWrapper(ScreenWidths.Lg),
 };
+
+/// media helper
+export interface MediaChoice {
+    sm: string;
+    md?: string;
+    lg?: string;
+}
+// TODO: handle string too
+export const stylesForMedia = (choice: MediaChoice): InterpolationValue[] => {
+    return media.small`width: ${choice.sm}`;
+};
-- 
cgit v1.2.3