import React from 'react';
import { Card, Box, Heading, Text, Button } from '@wix/design-system';
import { useWixPatternsContainer } from '@wix/bex-core/react';
import { observer } from 'mobx-react-lite';
/**
 * Shown when every step is completed. Built from WDS primitives only (no
 * illustration assets yet — a richer happy-moment hero is a later design
 * handoff). Mirrors the "You're all set" variant of the existing widget.
 */
export const AllCompleteState = observer(({ dataHook, onCtaClick }) => {
    const { translate: t } = useWixPatternsContainer();
    return (React.createElement(Card, { dataHook: dataHook },
        React.createElement(Box, { dataHook: "setup-all-complete", direction: "vertical", padding: "SP9", align: "center", backgroundColor: "B50", gap: "SP3" },
            React.createElement(Heading, { size: "medium" }, t('cairo.setupWidget.allComplete.title')),
            React.createElement(Text, { size: "medium", secondary: true }, t('cairo.setupWidget.allComplete.subtitle')),
            React.createElement(Box, { gap: "SP2" },
                React.createElement(Button, { priority: "primary", onClick: onCtaClick }, t('cairo.setupWidget.allComplete.cta'))))));
});
//# sourceMappingURL=AllCompleteState.js.map