buttonBar.js

import React from 'react';
import PropTypes from 'prop-types';

import styles from './buttonBar.module.css';

export function Button(props) {
  return (
    <button disabled={props.disabled} onClick={props.onClick}>
      <img src={props.image} alt={props.altText} />
    </button>
  );
}

Button.propTypes = {
  image: PropTypes.string.isRequired,
  altText: PropTypes.string.isRequired,
  disabled: PropTypes.bool,
  onClick: PropTypes.func,
};

export function ButtonBar(props) {
  return (
    <div className={styles['button-bar']}>
      {props.children}
    </div>
  );
}