xrpl-dev-portal/@theme/components/XRPLoader.tsx

import * as React from 'react';

export interface XRPLoaderProps {
    message?: string
    show?: boolean
}

export default function XRPLoader(props: XRPLoaderProps) {
  const classnames = props.show ? "loader" : "loader collapse"
  return (
    <div className={classnames}>
      <img alt="(loading)" className="throbber" src="/img/xrp-loader-96.png" />
      {props.message}
    </div>
  )
}