Merge pull request #65 from TEAM-BEAT/feat/#64/Spacing

[Feat/#64] 공통 Spacing 컴포넌트 추가

src/components/commons/spacing/Spacing.tsx

@@ -0,0 +1,15 @@
+import styled from "styled-components";
+
+interface SpacingPropTypes {
+  marginBottom: string;
+}
+
+const Spacing = ({ marginBottom }: SpacingPropTypes) => {
+  return <SpacingBox $marginBottom={marginBottom} />;
+};
+
+export default Spacing;
+
+const SpacingBox = styled.div<{ $marginBottom: string }>`
+  margin-bottom: ${(props) => props.$marginBottom || "0"}rem;
+`;

src/pages/test/TestPage.tsx

@@ -2,6 +2,7 @@ import { IconTextfiedlDelete } from "@assets/svgs";
 import Chip from "@components/commons/chip/Chip";
 import TextArea from "@components/commons/input/textArea/TextArea";
 import TextField from "@components/commons/input/textField/TextField";
+import Spacing from "@components/commons/spacing/Spacing";
 import Stepper from "@components/commons/stepper/Stepper";
 import { useState } from "react";
 
@@ -47,6 +48,7 @@ const TestPage = () => {
         />
         <Chip label="테스트" />
       </div>
+      <Spacing marginBottom="3" />
       <Stepper max={3} round={round} onMinusClick={onMinusClick} onPlusClick={onPlusClick} />
     </div>
   );