'use strict';

var core = require('@linaria/core');
var index = require('../../../core/Typo/index.js');
var useParrotTranslation = require('../../../hooks/useParrotTranslation.js');
var React = require('react');
var SmallDialog = require('../../../core/SmallDialog/SmallDialog.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);

const ContentStyle = "E_cevhqx7";
const SecondaryDescStyle = "E_snbqlt4";
const DeleteDialog = props => {
  const {
    t
  } = useParrotTranslation();
  const {
    title,
    description,
    secondaryDesc,
    cancelText = t("common.cancel"),
    okText = t("common.delete"),
    onOk,
    onCancel,
    className,
    confirmLoading
  } = props;
  return /* @__PURE__ */React__default.default.createElement(SmallDialog.SmallDialog, {
    title,
    showOk: true,
    onOk,
    onCancel,
    className,
    okText,
    cancelText,
    okButtonProps: {
      danger: true
    },
    confirmLoading
  }, description && /* @__PURE__ */React__default.default.createElement("div", {
    className: core.cx(ContentStyle, index.Typo.Label.l2_regular)
  }, description), secondaryDesc && /* @__PURE__ */React__default.default.createElement("div", {
    className: core.cx(SecondaryDescStyle, index.Typo.Label.l3_regular)
  }, secondaryDesc));
};

exports.DeleteDialog = DeleteDialog;
