department-of-veterans-affairs/vets-website

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

export default function AppointmentRow({
  children,
  className = '',
  id,
  style,
  ...props
}) {
  return (
    <div role="grid">
      <div role="rowgroup">
        <div
          id={id}
          className={`vads-u-display--flex vads-u-flex-direction--column ${className}`}
          style={{ ...style }}
          {...props}
          role="row"
        >
          {children}
        </div>
      </div>
    </div>
  );
}

AppointmentRow.propTypes = {
  /** Anything that can be rendered */
  children: PropTypes.node,

  /** Additional classes to add to the row */
  className: PropTypes.string,

  /** Row id */
  id: PropTypes.string,

  /** Additional styles to add to the row */
  style: PropTypes.string,
};