"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithHiddenLabel = exports.Disabled = exports.DefaultStory = exports.AsAWrapper = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Atoms / FormLabel',
  parameters: {
    component: _.FormLabel
  }
};
var DefaultStory = exports.DefaultStory = {
  render: function render() {
    return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_.FormLabel, {
      forId: "unique-id"
    }, "Username"), _react.default.createElement("input", {
      type: "text",
      id: "unique-id"
    }));
  },
  name: 'Default'
};
var WithHiddenLabel = exports.WithHiddenLabel = {
  render: function render() {
    return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_.FormLabel, {
      forId: "unique-id-2",
      hideLabel: true
    }, "Username"), _react.default.createElement("input", {
      type: "text",
      id: "unique-id-2"
    }));
  },
  name: 'With hidden label'
};
var AsAWrapper = exports.AsAWrapper = {
  render: function render() {
    return _react.default.createElement(_.FormLabel, null, "Username", _react.default.createElement("input", {
      type: "text"
    }));
  },
  name: 'As a wrapper'
};
var Disabled = exports.Disabled = function Disabled() {
  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_.FormLabel, {
    forId: "unique-id",
    disabled: true
  }, "This is disabled"), _react.default.createElement("input", {
    type: "text",
    id: "unique-id",
    disabled: true
  }));
};