wix-style-react/dist/stories/TPA/Label/LabelExample.js

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _Label = require('../../../src/TPA/Label');

var _Label2 = _interopRequireDefault(_Label);

var _Input = require('../../../src/TPA/Input');

var _Input2 = _interopRequireDefault(_Input);

var _styles = require('./styles.scss');

var _styles2 = _interopRequireDefault(_styles);

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

var LabelExample = function LabelExample() {
  return _react2.default.createElement(
    'div',
    { style: { width: '200px' } },
    _react2.default.createElement(
      _Label2.default,
      { 'for': 'input-id' },
      'Label text'
    ),
    _react2.default.createElement(_Input2.default, { id: 'input-id' })
  );
};

var CustomStyleLabelExample = exports.CustomStyleLabelExample = function CustomStyleLabelExample() {
  return _react2.default.createElement(
    'div',
    { style: { width: '200px' } },
    _react2.default.createElement(
      _Label2.default,
      { labelClassName: _styles2.default.customLabelStyle, 'for': 'input-id' },
      'Label text'
    ),
    _react2.default.createElement(_Input2.default, { id: 'input-id' })
  );
};

exports.default = LabelExample;