import { BtnWrapper, ButtonClose, ModalText } from '../../../styles/Components';
import Button from '../button/Button';
import Modal from './Modal';

const CompletedModal = ({modalText, view, handleComplete}) => {
	return (
		<Modal min="440px" $padding="40px" $bgcolor="transparent" $view={view}>
			<BtnWrapper $justify="flex-end">
				<ButtonClose onClick={handleComplete} />
			</BtnWrapper>
			<ModalText $align="center">{modalText}</ModalText>
			<BtnWrapper $gap="10px">
				<Button text="확인" theme="primary" type="submit" size="large" width="100%" handleClick={handleComplete} />
			</BtnWrapper>
		</Modal>
	);
}

export default CompletedModal;