import React, { useContext, Fragment } from 'react';
import './index.less';
import classNames from 'classnames';
import { ConfigContext } from '../../config/globalConfig';

interface BarProps {
  stepNumber?: number;
  iconNode?: any;
  children?: any;
}

const getPrefixCls = useContext(ConfigContext);
const prefixCls = getPrefixCls('scale-bar');

const Bar: React.FC = (props: BarProps) => {
  const { iconNode, children } = props;

  console.log('props', props);
  return (
    <Fragment>
      <div className={`${prefixCls}-step-dot`}>{iconNode}</div>
      <div className={`${prefixCls}-step-text`}>{children}</div>
    </Fragment>
  );
};

export default Bar;