diff --git a/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx b/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx index a4ab1e0c..22f9fd33 100644 --- a/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx +++ b/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx @@ -1,20 +1,19 @@ import React, { ComponentPropsWithoutRef, useMemo } from 'react'; import { cn } from 'utils/classnames'; -type WavyBorderType = 'card' | 'layout'; +type WaveBorderVariant = 'card' | 'layout'; export interface WavyBorderProps extends ComponentPropsWithoutRef<'div'> { - type?: WavyBorderType; + variant?: WaveBorderVariant; } export const WavyBorder = ({ className, - children, - type = 'card', + variant = 'card', ...props }: WavyBorderProps) => { const imageSrc = useMemo(() => { - switch (type) { + switch (variant) { case 'card': return '/wave-border-card.svg'; case 'layout': @@ -22,17 +21,15 @@ export const WavyBorder = ({ default: return '/wave-border-card.svg'; } - }, [type]); + }, [variant]); return (