"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

var _ = require("../..");

var _default = {
  component: _.Dialog,
  title: 'Dialog'
};
exports.default = _default;

var Main = function Main() {
  return /*#__PURE__*/_react.default.createElement(_.Dialog, {
    active: true,
    onCloseClick: function onCloseClick() {},
    onEscKeyDown: function onEscKeyDown() {},
    onOverlayClick: function onOverlayClick() {},
    primaryAction: {
      label: 'Confirm'
    },
    secondaryAction: {
      label: 'Cancel'
    },
    tertiaryAction: {
      children: 'Read more'
    },
    title: "Dialog title"
  }, /*#__PURE__*/_react.default.createElement(_.Box, {
    padding: 4
  }, /*#__PURE__*/_react.default.createElement(_.TextBody, null, "Here you can add arbitrary content.")));
};

exports.Main = Main;
Main.parameters = {
  // add a delay to make sure the dialog animation is finished
  chromatic: {
    delay: 300
  }
};