From a623376c3f8ebe133f4abb7638cf8389b3afe52d Mon Sep 17 00:00:00 2001
From: bsholmes <ben.holmes.development@gmail.com>
Date: Mon, 15 Apr 2024 10:44:22 -0700
Subject: [PATCH] story refactor

---
 src/inputs/ToggleChipGroup.stories.tsx | 35 +++++++++++---------------
 1 file changed, 14 insertions(+), 21 deletions(-)

diff --git a/src/inputs/ToggleChipGroup.stories.tsx b/src/inputs/ToggleChipGroup.stories.tsx
index 577bdd0b3..a978b18b9 100644
--- a/src/inputs/ToggleChipGroup.stories.tsx
+++ b/src/inputs/ToggleChipGroup.stories.tsx
@@ -1,6 +1,7 @@
 import { Meta } from "@storybook/react";
 import { useState } from "react";
 import { ToggleChipGroup } from "src/inputs/ToggleChipGroup";
+import { Css } from "..";
 
 export default {
   component: ToggleChipGroup,
@@ -22,26 +23,18 @@ export function ToggleChipGroups() {
     { label: "Austin", value: "m:5" },
   ];
   return (
-    <ToggleChipGroup label="Select Markets" options={options} values={selectedValues} onChange={setSelectedValues} />
-  );
-}
-
-export function ToggleChipGroupsLeft() {
-  const [selectedValues, setSelectedValues] = useState<string[]>(["m:2"]);
-  const options = [
-    { label: "Bahamas", value: "m:1" },
-    { label: "Southern California", value: "m:2" },
-    { label: "Northern California", value: "m:3" },
-    { label: "South Bay CA", value: "m:4" },
-    { label: "Austin", value: "m:5" },
-  ];
-  return (
-    <ToggleChipGroup
-      label="Select Markets"
-      labelStyle="left"
-      options={options}
-      values={selectedValues}
-      onChange={setSelectedValues}
-    />
+    <>
+      <p css={Css.mt2.mb2.$} >Label Above Style:</p>
+      <ToggleChipGroup label="Select Markets" options={options} values={selectedValues} onChange={setSelectedValues} />
+      <div css={Css.m2.$} />
+      <p css={Css.mt2.mb2.$} >Label Left Style:</p>
+      <ToggleChipGroup
+        label="Select Markets"
+        labelStyle="left"
+        options={options}
+        values={selectedValues}
+        onChange={setSelectedValues}
+      />
+    </>
   );
 }