"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MixinsStackee = exports.MixinsMarginOnlySpacing = exports.Resizable = exports.FocusOnMount = exports.Disabled = exports.HiddenLabel = exports.FixedHeight = exports.Default = exports["default"] = void 0;

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

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

var _textArea = require("./text-area.component");

var _marginChecker = require("../../../mixins/spacing/story-support/margin-checker");

var _stackeeChecker = require("../../../mixins/stackee/story-support/stackee-checker");

var _textArea2 = _interopRequireDefault(require("./text-area.mdx"));

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var _default = {
  component: _textArea.TextArea,
  title: 'Components/Inputs/TextArea',
  parameters: {
    docs: {
      page: _textArea2["default"]
    }
  }
};
exports["default"] = _default;
var DEFAULT_PROPS = {
  label: 'Story',
  placeholder: 'Tell me a story',
  onChange: (0, _addonActions.action)('onChange'),
  onFocus: (0, _addonActions.action)('onFocus'),
  onBlur: (0, _addonActions.action)('onBlur')
};

var Default = function Default() {
  return /*#__PURE__*/_react["default"].createElement(_textArea.TextArea, DEFAULT_PROPS);
};

exports.Default = Default;

var FixedHeight = function FixedHeight() {
  return /*#__PURE__*/_react["default"].createElement(_textArea.TextArea, _extends({}, DEFAULT_PROPS, {
    height: "250px"
  }));
};

exports.FixedHeight = FixedHeight;

var HiddenLabel = function HiddenLabel() {
  return /*#__PURE__*/_react["default"].createElement(_textArea.TextArea, _extends({}, DEFAULT_PROPS, {
    hideLabel: true
  }));
};

exports.HiddenLabel = HiddenLabel;

var Disabled = function Disabled() {
  return /*#__PURE__*/_react["default"].createElement(_textArea.TextArea, _extends({}, DEFAULT_PROPS, {
    disabled: true
  }));
};

exports.Disabled = Disabled;

var FocusOnMount = function FocusOnMount() {
  return /*#__PURE__*/_react["default"].createElement(_textArea.TextArea, _extends({}, DEFAULT_PROPS, {
    value: "Let me tell you a story",
    focusOnMount: true
  }));
};

exports.FocusOnMount = FocusOnMount;

var Resizable = function Resizable() {
  return /*#__PURE__*/_react["default"].createElement(_textArea.TextArea, _extends({}, DEFAULT_PROPS, {
    resize: true
  }));
};

exports.Resizable = Resizable;

var MixinsMarginOnlySpacing = function MixinsMarginOnlySpacing() {
  return /*#__PURE__*/_react["default"].createElement(_marginChecker.MarginChecker, _extends({
    Component: _textArea.TextArea
  }, DEFAULT_PROPS));
};

exports.MixinsMarginOnlySpacing = MixinsMarginOnlySpacing;

var MixinsStackee = function MixinsStackee() {
  return /*#__PURE__*/_react["default"].createElement(_stackeeChecker.StackeeChecker, _extends({
    Component: _textArea.TextArea
  }, DEFAULT_PROPS));
};

exports.MixinsStackee = MixinsStackee;