import classNames from 'classnames';
import './index.less';

type labelValueProps = {
  label: string;
  value?: any;
  className?: string;
  style?: React.CSSProperties;
};

function LabelValue({ label, value, className, style }: labelValueProps) {
  return (
    <div className={classNames('kf-label-value', className)} style={style}>
      <div className="kf-label-value__label">{label}</div>
      <div className="kf-label-value__value">{value ?? '--'}</div>
    </div>
  );
}

export default LabelValue;
