mars7_recruit_front

마스외전 7기 스테이트먼트 (동아리 리크루팅)

공통 모달 컴포넌트 Props 상세 설명

텍스트 및 콘텐츠

title: ( <> 로그인이 필요한
콘텐츠 입니다.
로그인하시겠습니까? </> ), // 모달 메인 제목 (HTML 태그 사용 가능)

content: "", // 제목 아래 추가될 상세 설명 문구

버튼 설정

lBtn: "취소", // 왼쪽 버튼 텍스트 (비워두면 보통 버튼이 1개만 노출됨) rBtn: "확인", // 오른쪽 버튼 텍스트 (기본값: "확인") rBtnColor: "#2572B9", // 오른쪽 버튼 배경색 (기본값: 마스 파란색) onRightClick: () => {}, // 오른쪽 버튼 클릭 시 실행할 로직 (예: 페이지 이동) onClose: () => {}, // 모달 닫기 함수 (취소 버튼이나 배경 클릭 시)

상태 및 노출 제어

isOpen: false, // 모달 표시 여부 (true면 화면에 보임) showIcon: true, // 제목 위에 아이콘(느낌표 등) 표시 여부

디자인 및 레이아웃

padding: "15px", // 모달 내부 전체 여백 height: "213px", // 모달의 전체 높이 값

간격 설정 (상하 여백 px 단위)

spacing: { iconToTitle: 8, // 아이콘과 제목 사이 간격 titleToContent: 13, // 제목과 내용 사이 간격 contentToBtn: 20, // 내용과 버튼 사이 간격 }