(null)
// filter active 시 스크롤 disable
diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx
index a7afb06..d19d70f 100644
--- a/src/components/Modal/index.tsx
+++ b/src/components/Modal/index.tsx
@@ -70,16 +70,14 @@ const BodyWrapper = styled.div`
}
`
-interface IDefault {
+const Default = ({ title, description, button = true, buttonComment, onClose, onClickBtn }: {
title: string
description: string
onClose: () => void
button?: boolean
buttonComment?: string
onClickBtn?: () => void
-}
-
-const Default = ({ title, description, button = true, buttonComment, onClose, onClickBtn }: IDefault) => {
+}) => {
return (
diff --git a/src/components/Tabs/elements/TabBtn.tsx b/src/components/Tabs/elements/TabBtn.tsx
index 15c18c3..98161f2 100644
--- a/src/components/Tabs/elements/TabBtn.tsx
+++ b/src/components/Tabs/elements/TabBtn.tsx
@@ -1,15 +1,14 @@
import React, { useState } from "react"
import styled from "styled-components"
-interface IProps {
+const TabBtn = ({ children, onClick = () => {}, active = false, focused = true, text = "", style }: {
children?: React.ReactNode
onClick?: (e?: React.MouseEvent) => void
active?: boolean
focused?: boolean
text: string
style?: React.CSSProperties
-}
-const TabBtn = ({ children, onClick = () => {}, active = false, focused = true, text = "", style }: IProps) => {
+}) => {
const [hover, setHover] = useState(false)
const renderButtonOpacity = () => {
diff --git a/src/components/Tabs/elements/TabShowMore.tsx b/src/components/Tabs/elements/TabShowMore.tsx
index dcb1978..eccc3ed 100644
--- a/src/components/Tabs/elements/TabShowMore.tsx
+++ b/src/components/Tabs/elements/TabShowMore.tsx
@@ -4,11 +4,10 @@ import ArrowDownIcon from "@/assets/icons/arrow_small_down.svg"
import ArrowUpIcon from "@/assets/icons/arrow_small_up.svg"
// MEMO: Page Tab Header
-interface IProps {
+const TabShowMore = ({ isShowedMore, setIsShowedMore }: {
isShowedMore: Boolean
setIsShowedMore: React.Dispatch>
-}
-const TabShowMore = ({ isShowedMore, setIsShowedMore }: IProps) => {
+}) => {
return (
>
-}
-
-const Tabs = ({ TABS, CHIPS, selectedTabIndex, setSelectedTabIndex }: IProps) => {
+}) => {
return (
diff --git a/src/components/ToastMessage/index.tsx b/src/components/ToastMessage/index.tsx
index 8876b7b..1ba465e 100644
--- a/src/components/ToastMessage/index.tsx
+++ b/src/components/ToastMessage/index.tsx
@@ -2,12 +2,10 @@ import { SetStateAction, useEffect, useRef, useState } from "react"
import { createPortal } from "react-dom"
import styled from "styled-components"
-interface IProps {
+const ToastMessage = ({ message, setMessage }: {
message: string
setMessage: React.Dispatch>
-}
-
-const ToastMessage = ({ message, setMessage }: IProps) => {
+}) => {
const [fadeType, setFadeType] = useState<"fadeInUp" | "fadeOutDown">("fadeInUp") // fadeOut 애니메이션도 추가하기
const timer = useRef(null) // FadeOut Timer
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 0000000..dcf9db4
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1,19 @@
+export { default as Button } from "./Button";
+export { default as CheckBox } from "./CheckBox";
+
+export { default as Card } from "./Card";
+export type { ICardLink } from "./Card/types";
+
+export { default as Chip } from "./Chip";
+export type { IChipBaseProps, IChipMediumProps, IChipSmallProps } from "./Chip/types"
+
+export { default as Filter } from "./Filter";
+export { default as Footer } from "./Footer";
+
+export { default as Menu } from "./Menu";
+export { default as Tabs } from "./Tabs";
+export { default as Video } from "./Video";
+export { default as LinkCalendar } from "./LinkCalendar";
+
+export { default as Modal } from "./Modal";
+export { default as ToastMessage } from "./ToastMessage";