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

wix-style-react

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';

const Ticker = ({ onUp, onDown, upDisabled, downDisabled }) => (
  <div className={styles.root} data-hook="ticker">
    <div
      className={classnames(styles.up, { [styles.disabled]: upDisabled })}
      onClick={upDisabled ? null : onUp}
    >
      <FormFieldSpinnerUp />
    </div>
    <div
      className={classnames(styles.down, { [styles.disabled]: downDisabled })}
      onClick={downDisabled ? null : onDown}
    >
      <FormFieldSpinnerDown />
    </div>
  </div>
);

Ticker.displayName = 'Input.Ticker';

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

export default Ticker;