"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Default = exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _addonActions = require("@storybook/addon-actions");

var _clickOutside = require("./click-outside.component");

var _clickOutside2 = _interopRequireDefault(require("./click-outside.mdx"));

var _primitives = require("../../../primitives");

var _structures = require("../../structures");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var _default = {
  component: _clickOutside.ClickOutside,
  title: 'Utilities|Click Outside',
  parameters: {
    fileName: __filename,
    docs: {
      page: _clickOutside2["default"]
    }
  }
};
exports["default"] = _default;
var DEFAULT_PROPS = {
  onClickOutside: (0, _addonActions.action)('Click Outside')
};

var Default = function Default() {
  return /*#__PURE__*/_react["default"].createElement(_primitives.Box, {
    colorName: "background",
    spacing: "p7",
    stacked: "column",
    justify: "center",
    align: "center"
  }, /*#__PURE__*/_react["default"].createElement(_clickOutside.ClickOutside, DEFAULT_PROPS, /*#__PURE__*/_react["default"].createElement(_structures.Card, {
    spacing: "p5"
  })));
};

exports.Default = Default;