wix-style-react/dist/es/stories/TPA/Button/Example.js

wix-style-react

import React from 'react';
import Button from '../../../src/TPA/Button';
import styles from './styles.scss';

var style = {
  display: 'inline-block',
  padding: '0 5px',
  width: '140px',
  lineHeight: '22px'
};

function Example() {
  return React.createElement(
    'div',
    null,
    React.createElement(
      'div',
      { style: style },
      'Fill',
      React.createElement('br', null),
      React.createElement(
        Button,
        { theme: 'fill' },
        'Fill'
      )
    ),
    React.createElement(
      'div',
      { style: style },
      'Outline',
      React.createElement('br', null),
      React.createElement(
        Button,
        { theme: 'outline' },
        'Outline'
      )
    ),
    React.createElement(
      'div',
      { style: style },
      'Fill (Disabled)',
      React.createElement('br', null),
      React.createElement(
        Button,
        { theme: 'fill', disabled: true },
        'Fill (Disabled)'
      )
    ),
    React.createElement(
      'div',
      { style: style },
      'Custom',
      React.createElement('br', null),
      React.createElement(
        Button,
        { className: styles.customButton },
        'Custom'
      )
    )
  );
}

Example.displayName = 'Example';

export default Example;