"use strict";

exports.__esModule = true;
exports.default = void 0;

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

var _propTypes = _interopRequireDefault(require("prop-types"));

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

/**
 * @category containers
 * @component modal
 * @variations collab-ui-react
 */
var ModalFooter = function ModalFooter(props) {
  var className = props.className,
      children = props.children;
  return _react.default.createElement("div", {
    className: 'cui-modal__footer' + ("" + (className && " " + className || ''))
  }, children);
};

ModalFooter.defaultProps = {
  children: null,
  className: ''
};
ModalFooter.propTypes = {
  /**
   * Children components
   */
  children: _propTypes.default.node,

  /**
   * S classnames
   */
  className: _propTypes.default.string
};
ModalFooter.displayName = 'ModalFooter';
var _default = ModalFooter;
/**
* @name Modal Footer
*
* @category containers
* @component modal
* @section Modal Footer
*
* @js

import {
  Button,
  ModalFooter
} from '@collab-ui/react';

export default function Default() {
  return (
    <div className='row'>
      <br />
      <ModalFooter>
        <Button
          children='Cancel'
          onClick={()=>{}}
          ariaLabel='Close Modal'
          color='default'
        />
        <Button
          children='OK'
          onClick={()=>{}}
          ariaLabel='Submit Form'
          color='primary'
        />
      </ModalFooter>
    </div>
  );
}

**/

exports.default = _default;