wix-style-react/dist/stories/ButtonLayout.story.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _ButtonLayout = require('wix-style-react/ButtonLayout');

var _ButtonLayout2 = _interopRequireDefault(_ButtonLayout);

var _LiveCodeExample = require('./utils/Components/LiveCodeExample');

var _LiveCodeExample2 = _interopRequireDefault(_LiveCodeExample);

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

var children = _react2.default.createElement(
  'a',
  {
    href: 'http://www.wix.com',
    target: '_blank',
    rel: 'noopener noreferrer',
    style: { textDecoration: 'inherit' }
  },
  'Link Like Button'
);

exports.default = {
  category: 'Deprecated',
  storyName: 'ButtonLayout',
  component: _ButtonLayout2.default,
  componentPath: '../src/ButtonLayout',
  componentProps: {
    children: children,
    theme: 'fullblue',
    height: 'medium'
  },
  exampleProps: {
    children: [{ label: 'anchor element', value: children }, { label: 'text in span', value: _react2.default.createElement(
        'span',
        null,
        'text in span'
      ) }]
  },
  examples: _react2.default.createElement(_LiveCodeExample2.default, {
    compact: true,
    title: 'LinkButton (disabled)',
    autoRender: false,
    initialCode: '\nconst disabled = true;\n\nrender(\n  <ButtonLayout disabled={disabled}>\n    <a\n      href={disabled ? undefined : "http://www.wix.com"}\n      target="_blank"\n      rel="noopener noreferrer"\n      style={{ textDecoration: \'inherit\' }}\n    >\n      Link Like Button\n    </a>\n  </ButtonLayout>\n)\n'
  })
};