import React from 'react';
import markdown from './README.mdx';
import ModalWrapper from '.';
export default {
  title: 'Components/Content Related/ModalWrapper',
  component: ModalWrapper,
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: markdown
  }
};
export var Regular = function Regular(args) {
  return /*#__PURE__*/React.createElement(ModalWrapper, args, args.children);
};
Regular.args = {
  buttonTriggerText: 'Open modal',
  children: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.',
  modalLabel: 'Modal label',
  modalHeading: 'Modal heading',
  modalText: 'Modal text'
};
export var PassiveModal = function PassiveModal(args) {
  return /*#__PURE__*/React.createElement(ModalWrapper, args, "This section is the body");
};
PassiveModal.args = {
  buttonTriggerText: 'Open modal',
  passiveModal: true
};
var desc = "\n `PassiveModal` presents information the user needs to be aware of concerning their current workflow. Contains no actions for the user to take..\n";
PassiveModal.story = {
  parameters: {
    docs: {
      storyDescription: desc
    }
  }
};
export var ModalWithHeading = function ModalWithHeading(args) {
  return /*#__PURE__*/React.createElement(ModalWrapper, args, "This section is the body");
};
ModalWithHeading.args = {
  buttonTriggerText: 'Open modal',
  modalHeading: 'Header Text',
  withHeader: true
};
var description = "\n `withHeader` property when applied adds header text to modal.\n";
ModalWithHeading.story = {
  parameters: {
    docs: {
      storyDescription: description
    }
  }
};
export var ModalWithLabel = function ModalWithLabel(args) {
  return /*#__PURE__*/React.createElement(ModalWrapper, args, "This section is the body");
};
ModalWithLabel.args = {
  buttonTriggerText: 'Open modal',
  modalLabel: 'modal Label',
  withHeader: true
};
var describe = "\n `withLabel` property when applied adds a Label text to modal.\n";
ModalWithLabel.story = {
  parameters: {
    docs: {
      storyDescription: describe
    }
  }
};
export var Disabled = function Disabled(args) {
  return /*#__PURE__*/React.createElement(ModalWrapper, args, "This section is the body");
};
Disabled.args = {
  buttonTriggerText: 'Open modal',
  disabled: true
};
var disablemsg = "\n `withLabel` property set the modal trigger button to be disabled/non-interactive.\n";
Disabled.story = {
  parameters: {
    docs: {
      storyDescription: disablemsg
    }
  }
};