Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/wincloud_gateway/node_modules/@buffetjs/styles/src/components/LoadingIndicator/   drwxr-xr-x
Free 13.07 GB of 57.97 GB (22.55%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     index.js (1.76 KB)      -rw-r--r--

/**
 *
 * LoadingIndicator
 *
 */
/* eslint-disable indent */
import React from 'react';
import PropTypes from 'prop-types';
import styled, { css, keyframes } from 'styled-components';

const spin = keyframes`
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
`;

const getSize = (size, small) => {
  if (size) {
    return size;
  }

  if (small) {
    return '11px';
  }

  return '26px';
};

const Loader = styled.div`
  display: flex;
  justify-content: space-around;
  width: 100%;
  > div {
    width: ${({ size, small }) => getSize(size, small)};
    height: ${({ size, small }) => getSize(size, small)};
    /* stylelint-disable */
    border: ${({ borderColor, borderWidth }) =>
      `${borderWidth} solid ${borderColor}`};
    border-top: ${({ borderWidth, borderTopColor }) =>
      `${borderWidth} solid ${borderTopColor} !important;`};

    /* stylelint-enable */
    border-radius: 50%;
    animation: ${({ animationTime }) =>
      css`
        ${spin} ${animationTime} linear infinite
      `};
`;

const LoadingIndicator = ({
  animationTime,
  borderColor,
  borderTopColor,
  borderWidth,
  small,
  size,
}) => (
  <Loader
    animationTime={animationTime}
    borderColor={borderColor}
    borderTopColor={borderTopColor}
    borderWidth={borderWidth}
    small={small}
    size={size}
  >
    <div />
  </Loader>
);

LoadingIndicator.defaultProps = {
  animationTime: '2s',
  borderColor: '#f3f3f3',
  borderTopColor: '#555555',
  borderWidth: '4px',
  size: null,
  small: false,
};

LoadingIndicator.propTypes = {
  animationTime: PropTypes.string,
  borderColor: PropTypes.string,
  borderTopColor: PropTypes.string,
  borderWidth: PropTypes.string,
  size: PropTypes.string,
  small: PropTypes.bool,
};

export default LoadingIndicator;