"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.AllCompleteState = void 0;
var _react = _interopRequireDefault(require("react"));
var _designSystem = require("@wix/design-system");
var _react2 = require("@wix/bex-core/react");
var _mobxReactLite = require("mobx-react-lite");
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SetupWidget/AllCompleteState.tsx";
/**
 * 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.
 */
const AllCompleteState = exports.AllCompleteState = (0, _mobxReactLite.observer)(({
  dataHook,
  onCtaClick
}) => {
  const {
    translate: t
  } = (0, _react2.useWixPatternsContainer)();
  return /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
    dataHook: dataHook,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 22,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    dataHook: "setup-all-complete",
    direction: "vertical",
    padding: "SP9",
    align: "center",
    backgroundColor: "B50",
    gap: "SP3",
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 23,
      columnNumber: 9
    }
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
    size: "medium",
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 31,
      columnNumber: 11
    }
  }, t('cairo.setupWidget.allComplete.title')), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
    size: "medium",
    secondary: true,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 34,
      columnNumber: 11
    }
  }, t('cairo.setupWidget.allComplete.subtitle')), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    gap: "SP2",
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 37,
      columnNumber: 11
    }
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
    priority: "primary",
    onClick: onCtaClick,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 38,
      columnNumber: 13
    }
  }, t('cairo.setupWidget.allComplete.cta')))));
});
//# sourceMappingURL=AllCompleteState.js.map