interview-react-part1.jsx

function EditCard({title, description, onConfirm, onCancel}) {
    return (
        <div>
            <div>
                <Icon>
                    <DocumentSVG />
                </Icon>
                <h1>{title}</h1>
                <IconButton onClick={onCancel}>
                    <CloseSVG />
                </IconButton>
            </div>
            <p>{description}</p>
            <div>
                <button onClick={onConfirm}>Confirm</button>
                <button onClick={onCancel}>Cancel</button>
            </div>
        </div>
    );
}

function Page() {
    return (
        <React.Fragment>
            <EditCard
                title="Warning!"
                description="Are you sure you want to delete your account?"
                onConfirm={onDeleteAccount}
                onCancel={onDismissModal}
            />
        </React.Fragment>
    );
}