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

wix-style-react

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

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

export var CustomStyleLabelExample = function CustomStyleLabelExample() {
  return React.createElement(
    'div',
    { style: { width: '200px' } },
    React.createElement(
      Label,
      { labelClassName: styles.customLabelStyle, 'for': 'input-id' },
      'Label text'
    ),
    React.createElement(Input, { id: 'input-id' })
  );
};

export default LabelExample;