Function Field

src/components/Field/Field.react.js:12–42

({ label, input, labelWidth = 50, labelPadding, height, className })

import styles from 'components/Field/Field.scss';

const Field = ({ label, input, labelWidth = 50, labelPadding, height, className }) => {
  const classes = [styles.field];
  if (className) {
    classes.push(className);
  }
  labelWidth = labelWidth || 50;
  if (label && labelPadding) {
    label = React.cloneElement(label, {
      ...label.props,
      padding: labelPadding,
    });
  }
  return (
    <div
      className={classes.join(' ')}
      style={{ '--modal-label-ratio': labelWidth / 100 }}
    >
      <div
        className={styles.left}
        style={{
          height: height,
        }}
      >
        {label}
      </div>
      <div className={styles.right} style={{ height: height }}>
        {input}
      </div>
    </div>
  );
};

export default Field;