@roo-ui/components/dist/cjs/NakedButton/NakedButton.story.js

"use strict";

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

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

var _storybookReadme = require("storybook-readme");

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

var _ = _interopRequireDefault(require("."));

var _Text = _interopRequireDefault(require("../Text"));

var _Image = _interopRequireDefault(require("../Image"));

var _Heading = _interopRequireDefault(require("../Heading"));

var _Flex = _interopRequireDefault(require("../Flex"));

var _README = _interopRequireDefault(require("./README.md"));

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

(0, _react2.storiesOf)('Components|NakedButton', module).addDecorator((0, _storybookReadme.withDocs)(_README.default)).add('default', function () {
  return _react.default.createElement(_.default, {
    mt: 3
  }, "Hello world");
}).add('link style', function () {
  return _react.default.createElement(_Text.default, null, "Perhaps you would like to open a", ' ', _react.default.createElement(_.default, {
    color: "ui.link",
    hoverColor: "ui.linkHover",
    textDecoration: "underline",
    disabled: (0, _react3.boolean)('Disabled', false)
  }, "modal window"));
}).add('wrap content', function () {
  return _react.default.createElement(_.default, {
    textAlign: "left",
    disabled: (0, _react3.boolean)('Disabled', false)
  }, _react.default.createElement(_Heading.default.h2, null, "Guest Reviews"), _react.default.createElement(_Flex.default, {
    alignItems: "center",
    mb: "3"
  }, _react.default.createElement(_Text.default, {
    fontSize: "lg"
  }, "Excellent, 5.0"), _react.default.createElement(_Image.default, {
    src: "https://www.tripadvisor.com/img/cdsi/img2/ratings/traveler/5.0-15969-4.svg",
    inline: true,
    height: "20px",
    px: "2"
  }), _react.default.createElement(_Text.default, null, "1256 Reviews")), _react.default.createElement(_Text.default, {
    color: "brand.primary",
    textDecoration: "underline"
  }, "Read Reviews"));
});