wix-style-react/dist/es/src/Input/Ticker/Ticker.js

wix-style-react

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import FormFieldSpinnerUp from 'wix-ui-icons-common/system/FormFieldSpinnerUp';
import FormFieldSpinnerDown from 'wix-ui-icons-common/system/FormFieldSpinnerDown';
import styles from './Ticker.scss';

var Ticker = function Ticker(_ref) {
  var onUp = _ref.onUp,
      onDown = _ref.onDown,
      upDisabled = _ref.upDisabled,
      downDisabled = _ref.downDisabled;
  return React.createElement(
    'div',
    { className: styles.root, 'data-hook': 'ticker' },
    React.createElement(
      'div',
      {
        className: classnames(styles.up, _defineProperty({}, styles.disabled, upDisabled)),
        onClick: upDisabled ? null : onUp
      },
      React.createElement(FormFieldSpinnerUp, null)
    ),
    React.createElement(
      'div',
      {
        className: classnames(styles.down, _defineProperty({}, styles.disabled, downDisabled)),
        onClick: downDisabled ? null : onDown
      },
      React.createElement(FormFieldSpinnerDown, null)
    )
  );
};

Ticker.displayName = 'Input.Ticker';

Ticker.propTypes = {
  onUp: PropTypes.func,
  onDown: PropTypes.func,
  upDisabled: PropTypes.bool,
  downDisabled: PropTypes.bool
};

export default Ticker;