aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/container.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/dev-tools-pages/ts/components/container.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/container.tsx16
1 files changed, 16 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/container.tsx b/packages/dev-tools-pages/ts/components/container.tsx
new file mode 100644
index 000000000..1b9212ed2
--- /dev/null
+++ b/packages/dev-tools-pages/ts/components/container.tsx
@@ -0,0 +1,16 @@
+import styled from 'styled-components';
+
+interface ContainerProps {
+ wide?: boolean;
+}
+
+const Container =
+ styled.div <
+ ContainerProps >
+ `
+ max-width: 77.5rem;
+ margin: 0 auto;
+ width: ${props => (props.wide ? '100%' : 'calc(100% - 5rem)')};
+`;
+
+export { Container };