github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/ui/components/Spinner/Spinner.tsx (about)

     1  /*This file is part of kuberpult.
     2  
     3  Kuberpult is free software: you can redistribute it and/or modify
     4  it under the terms of the Expat(MIT) License as published by
     5  the Free Software Foundation.
     6  
     7  Kuberpult is distributed in the hope that it will be useful,
     8  but WITHOUT ANY WARRANTY; without even the implied warranty of
     9  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    10  MIT License for more details.
    11  
    12  You should have received a copy of the MIT License
    13  along with kuberpult. If not, see <https://directory.fsf.org/wiki/License:Expat>.
    14  
    15  Copyright 2023 freiheit.com*/
    16  import * as React from 'react';
    17  
    18  import { PacmanLoader } from 'react-spinners';
    19  
    20  export const Spinner: React.FC<{ message: string }> = (props): JSX.Element => {
    21      const { message } = props;
    22      return (
    23          <div className={'spinner'}>
    24              <div className={'spinner-animation'}>
    25                  <PacmanLoader color={'var(--mdc-theme-primary)'} loading={true} size={100} speedMultiplier={1} />
    26              </div>
    27              <div className={'spinner-message'}>{message}...</div>
    28          </div>
    29      );
    30  };