content: /* eslint-disable jsx-a11y/label-has-for */
  /* eslint-disable jsx-a11y/label-has-associated-control */
  import PropTypes from 'prop-types';
  import React from 'react';
  
  const TextAreaSkeleton = ({ hideLabel, id }) => {
    const label = hideLabel ? null : (
      <label className="wfp--label wfp--skeleton" htmlFor={id} />
    );
  
    return (
      <div className="wfp--form-item">
        {label}
        <div className="wfp--skeleton wfp--text-area" />
      </div>
    );
  };
  
  TextAreaSkeleton.propTypes = {
    hideLabel: PropTypes.bool,
  };
  
  export default TextAreaSkeleton;
  