Merge branch 'development' into feature/instant/tell-amount-available

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 };