From 12500657d50f9b8c297d48f937f214ef21fd3fb8 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Sat, 25 Jun 2022 19:51:50 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=85=20Adds=20dimensions=20helper=20sty?=
 =?UTF-8?q?les?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/dimensions.ts | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/styles/dimensions.ts

diff --git a/src/styles/dimensions.ts b/src/styles/dimensions.ts
new file mode 100644
index 0000000..73d0b9c
--- /dev/null
+++ b/src/styles/dimensions.ts
@@ -0,0 +1,30 @@
+export type InputSize = 'small' | 'medium' | 'large';
+
+export const applySize = (inputSize?: InputSize) => {
+  const sizeSpecificStyles = {
+    small: `
+      font-size: 1rem;
+      border-radius: 0.25rem;
+      padding: 0.5rem 1rem;
+      margin: 0.5rem;
+    `,
+    medium: `
+      font-size: 1.5rem;
+      border-radius: 0.25rem;
+      padding: 0.75rem 1.5rem;
+      margin: 0.5rem;
+    `,
+    large: `
+      font-size: 2rem;
+      border-radius: 0.25rem;
+      padding: 1rem 1.75rem;
+      margin: 0.5rem;
+    `,
+  };
+  switch (inputSize) {
+    case 'small': return sizeSpecificStyles.small;
+    case 'medium': return sizeSpecificStyles.medium;
+    case 'large': return sizeSpecificStyles.large;
+    default: return sizeSpecificStyles.small;
+  }
+};