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/core/src/components/Button/   drwxr-xr-x
Free 13.17 GB of 57.97 GB (22.72%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

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

/**
 *
 * Button
 *
 */

import React from 'react';
import PropTypes from 'prop-types';
import {
  LoadingIndicator,
  Button as StyledButton,
  colors,
} from '@buffetjs/styles';
import { Plus } from '@buffetjs/icons';
import Flex from '../Flex';
import PrefixIcon from '../PrefixIcon';

function Button({
  children,
  color,
  disabled,
  icon,
  label,
  isLoading,
  ...rest
}) {
  const content = label || children;

  const img =
    icon === true ? (
      <Plus height="11px" width="11px" fill={`${colors.button[color].color}`} />
    ) : (
      <PrefixIcon icon={icon} />
    );

  if (isLoading) {
    return (
      <StyledButton
        color={color}
        disabled={disabled}
        {...rest}
        onClick={e => {
          // Preventing the user from clicking the button when loading
          e.preventDefault();
        }}
      >
        <Flex justifyContent="space-around">
          <LoadingIndicator
            animationTime="0.6s"
            borderWidth="2px"
            borderColor="#f7f5f0"
            borderTopColor="#d1cec7"
            size="1.3rem"
          />
        </Flex>
      </StyledButton>
    );
  }

  return (
    <StyledButton color={color} disabled={disabled} {...rest}>
      {img}
      {content}
    </StyledButton>
  );
}

Button.defaultProps = {
  children: null,
  color: 'primary',
  disabled: false,
  icon: false,
  isLoading: false,
  label: null,
  type: 'button',
};

Button.propTypes = {
  children: PropTypes.node,
  color: PropTypes.oneOf([
    'primary',
    'secondary',
    'cancel',
    'success',
    'delete',
    'none',
  ]),
  disabled: PropTypes.bool,
  icon: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
  isLoading: PropTypes.bool,
  label: PropTypes.string,
  type: PropTypes.oneOf(['submit', 'reset', 'button', 'menu']),
};

export default Button;