@prezly/theme-kit-ui/build/components/Input/Input.stories.cjs

UI components for Prezly themes

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithError = exports.Default = void 0;
var _react = _interopRequireDefault(require("react"));
var _index = require("./index.cjs");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var meta = {
  title: 'Forms/Input',
  component: _index.Input,
  decorators: [Story => /*#__PURE__*/_react.default.createElement("div", {
    className: "bg-gray-100 p-10"
  }, /*#__PURE__*/_react.default.createElement(Story, null))],
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/46dEAasj1iEtrVQOwmMswB/00--%3E-Themes-Design-System?type=design&node-id=633-23298&mode=dev'
    }
  }
};
var _default = exports.default = meta;
var InputTemplate = args => /*#__PURE__*/_react.default.createElement(_index.Input, args);
var Default = exports.Default = InputTemplate.bind({});
Default.args = {
  placeholder: 'Placeholder'
};
var WithError = exports.WithError = InputTemplate.bind({});
WithError.args = {
  placeholder: 'Placeholder',
  error: 'Invalid input'
};