services/workbench2/src/components/loading/inline-pulser.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import React from 'react';
   6 import { ThreeDots } from 'react-loader-spinner'
   7 import { withTheme } from '@material-ui/core';
   8 import { ArvadosTheme } from 'common/custom-theme';
   9
  10 type ThemeProps = {
  11     theme: ArvadosTheme;
  12 };
  13
  14 type Props = {
  15     color?: string;
  16     height?: number;
  17     width?: number;
  18     radius?: number;
  19 };
  20
  21 export const InlinePulser = withTheme()((props: Props & ThemeProps) => (
  22     <ThreeDots
  23         visible={true}
  24         height={props.height || "30"}
  25         width={props.width || "30"}
  26         color={props.color || props.theme.customs.colors.greyL}
  27         radius={props.radius || "10"}
  28         ariaLabel="three-dots-loading"
  29     />
  30 ));