refactor: Box 컴포넌트 인터페이스 정의

EveryUniv · Mar 4, 2024 · 5d909a8 · 5d909a8
1 parent 9b3ea33
commit 5d909a8
Showing 1 changed file with 8 additions and 11 deletions.
diff --git a/src/components/ui/box/index.tsx b/src/components/ui/box/index.tsx
@@ -1,15 +1,12 @@
-import React, { ComponentProps } from 'react';
-import { IWithReactChildren } from 'shared/interfaces/default-interfaces';
+import React from 'react';
 
-export default function Box({
-   children,
-   className,
-   type,
-   padding,
-   border,
-   ...props
-}: IWithReactChildren &
-   ComponentProps<'div'> & { type?: 'shadow' | 'shadowImage'; padding?: string; border?: string }) {
+interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
+   type?: 'shadow' | 'shadowImage';
+   padding?: string;
+   border?: string;
+}
+
+export default function Box({ children, className, type, padding, border, ...props }: BoxProps) {
    const boxType = {
       shadow: { boxShadow: '1px 1px 3px 0px rgba(0, 0, 0, 0.1)', border: 'none' },
       shadowImage: { padding: '0', boxShadow: '1px 1px 3px 0px rgba(0, 0, 0, 0.1)' },