18F/identity-idp

/**
 * @typedef SpinnerDotsProps
 *
 * @prop {boolean=} isCentered Whether to absolutely-position the element at its container's center.
 * Defaults to false.
 * @prop {string=} className Optional class name.
 */

/**
 * @param {SpinnerDotsProps} props
 */
function SpinnerDots({ isCentered, className }) {
  const classes = ['spinner-dots', isCentered && 'spinner-dots--centered', className]
    .filter(Boolean)
    .join(' ');

  return (
    <span className={classes} aria-hidden>
      <span className="spinner-dots__dot" />
      <span className="spinner-dots__dot" />
      <span className="spinner-dots__dot" />
    </span>
  );
}

export default SpinnerDots;