"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _addonKnobs = require("@storybook/addon-knobs");

var _react = require("@storybook/react");

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

var _ = require(".");

var _Box = require("../Box");

var _Stack = require("../Stack");

var __jsx = _react2["default"].createElement;
var stories = (0, _react.storiesOf)('Input', module);
stories.addDecorator(function (story) {
  return __jsx(_Box.Box, {
    maxWidth: "lg",
    mx: "auto",
    mt: 6,
    p: 6
  }, story());
});
stories.add('Default', function () {
  return __jsx(_.Input, {
    placeholder: "Sample placeholder"
  });
});
stories.add('Readonly & Full Width', function () {
  return __jsx(_.Input, {
    placeholder: "Sample placeholder",
    variant: "outline",
    size: "md",
    isReadOnly: true,
    isFullWidth: true
  });
});
stories.add('Disabled', function () {
  return __jsx(_.Input, {
    placeholder: "Sample placeholder",
    variant: "outline",
    size: "md",
    isDisabled: true
  });
});
stories.add('Invalid', function () {
  return __jsx(_.Input, {
    placeholder: "Sample placeholder",
    variant: "outline",
    size: "md",
    isInvalid: true
  });
});
stories.add('Sizes', function () {
  return __jsx(_Stack.Stack, null, __jsx(_.Input, {
    placeholder: "Sample placeholder",
    variant: "outline",
    size: "sm"
  }), __jsx(_.Input, {
    placeholder: "Sample placeholder",
    variant: "outline",
    size: "md"
  }), __jsx(_.Input, {
    placeholder: "Sample placeholder",
    variant: "outline",
    size: "lg"
  }));
});
var variantStories = (0, _react.storiesOf)('Input/Variants', module);
variantStories.addDecorator(_addonKnobs.withKnobs);
variantStories.addDecorator(function (story) {
  return __jsx(_Box.Box, {
    maxWidth: "lg",
    mx: "auto",
    mt: 6,
    p: 6
  }, story());
});
variantStories.add('Filled', function () {
  return __jsx(_.Input, {
    variant: "filled",
    placeholder: "Text goes here"
  });
});
variantStories.add('Flushed', function () {
  return __jsx(_.Input, {
    variant: "flushed",
    placeholder: "Text goes here"
  });
});
variantStories.add('Outline', function () {
  return __jsx(_.Input, {
    variant: "outline",
    placeholder: "Text goes here"
  });
});
variantStories.add('Unstyled', function () {
  return __jsx(_.Input, {
    variant: "unstyled",
    placeholder: "Text goes here"
  });
});
//# sourceMappingURL=examples.js.map