interface Props {
  text?: string;
}

export function Spinner({ text = 'Loading…' }: Props) {
  return (
    <div className="spinner-wrap" role="status" aria-label={text}>
      <div className="spinner" />
      <span className="spinner-text">{text}</span>
    </div>
  );
}