import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import styles from './styles.module.css';
import CogShooterIcon from '../assets/cog-shooter.png';
import MartyMazeIcon from '../assets/marty-maze.png';
import ConfettiExplosion from '../ConfettiExplosion';
import { FiRepeat, FiArrowRightCircle } from 'react-icons/fi';
const ShouldIStayOrShouldIGo = ({ keepPlaying, goNext }) => {
    return (_jsxs("div", { className: styles.container, children: [_jsx(ConfettiExplosion, {}), _jsxs("div", { className: styles.background, children: [_jsx("h1", { className: styles.emojiTitle, children: "\uD83C\uDF89 Well Done! \uD83C\uDF89" }), _jsxs("div", { className: styles.buttons, children: [_jsxs("div", { className: styles.buttonWrapper, onClick: keepPlaying, children: [_jsx("button", { className: `${styles.button} ${styles.buttonPlayAgain}`, children: _jsx("img", { src: CogShooterIcon, alt: "Keep Playing", className: `${styles.buttonImage} ${styles.slalom}` }) }), _jsxs("span", { className: styles.label, children: [_jsx(FiRepeat, { className: styles.icon }), "Keep Playing"] })] }), _jsxs("div", { className: styles.buttonWrapper, onClick: goNext, children: [_jsx("button", { className: `${styles.button} ${styles.buttonNextLevel}`, children: _jsx("img", { src: MartyMazeIcon, alt: "Next Level", className: `${styles.buttonImage} ${styles.cross}` }) }), _jsxs("span", { className: styles.label, children: [_jsx(FiArrowRightCircle, { className: styles.icon }), "Next Level"] })] })] })] })] }));
};
export default ShouldIStayOrShouldIGo;
