ars sms재전송

src/entities/transaction/ui/cash-receit-purpose-update-bottom-sheet.tsx

@@ -1,15 +1,16 @@
+import { BottomSheetMotionDuration, BottomSheetMotionVaiants } from '@/entities/common/model/constant';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { motion } from 'framer-motion';
 
 export interface CashReceitPurposeUpdateBottomSheetProps {
-  setBottomSheetOn: (bottomSheetOn: boolean) => void;
   bottomSheetOn: boolean;
+  setBottomSheetOn: (bottomSheetOn: boolean) => void;
   callPurposeUpdate: () => void;
 };
 
 export const CashReceitPurposeUpdateBottomSheet = ({
-  setBottomSheetOn,
   bottomSheetOn,
+  setBottomSheetOn,
   callPurposeUpdate
 }: CashReceitPurposeUpdateBottomSheetProps) => {
   
@@ -20,11 +21,6 @@ export const CashReceitPurposeUpdateBottomSheet = ({
     callPurposeUpdate();
   };
   
-  const variants = {
-    hidden: { y: '100%' },
-    visible: { y: '0%' },
-  };
-
   return (
     <>
       { (bottomSheetOn) &&
@@ -34,12 +30,12 @@ export const CashReceitPurposeUpdateBottomSheet = ({
         className="bottomsheet"
         initial="hidden"
         animate={ (bottomSheetOn)? 'visible': 'hidden' }
-        variants={ variants }
-        transition={{ duration: 0.5 }}
+        variants={ BottomSheetMotionVaiants }
+        transition={ BottomSheetMotionDuration }
       >
         <div className="bottomsheet-header">
           <div className="bottomsheet-title">
-            <h2>신청 방법을 선택하세요</h2>
+            <h2>현금영수증 용도 변경 안내</h2>
             <button
               className="close-btn"
               type="button"