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/Toggle/   drwxr-xr-x
Free 13 GB of 57.97 GB (22.42%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

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

/**
 *
 * Toggle
 *
 */

import styled from 'styled-components';
import PropTypes from 'prop-types';

import colors from '../../assets/styles/colors';
import sizes from '../../assets/styles/sizes';

const Toggle = styled.input`
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
  margin: 0;
  opacity: 0;
  & + span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    color: ${colors.greyToggle};
    background: white;
    font-weight: ${sizes.fontWeight.bold};
    & + span {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
      color: ${colors.greyToggle};
      background: white;
      font-weight: ${sizes.fontWeight.bold};
    }
  }
  &:not(:checked):not(:indeterminate) + span {
    background-color: ${colors.darkOrange};
    color: ${colors.white};
    font-weight: ${sizes.fontWeight.black};
  }
  &:checked + span {
    & + span {
      background-color: ${colors.blue};
      color: ${colors.white};
      font-weight: ${sizes.fontWeight.black};
    }
  }
  &:disabled {
    &:not(:checked):not(:indeterminate) + span {
      background-color: ${colors.greyIconBkgd};
      color: ${colors.brightGrey};
      box-shadow: inset -1px 1px 3px rgba(0, 0, 0, 0.1);
    }

    &:checked + span {
      & + span {
        background-color: ${colors.greyIconBkgd};
        color: ${colors.brightGrey};
        box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
      }
    }
  }
`;

Toggle.defaultProps = {
  disabled: false,
  type: 'checkbox',
};

Toggle.propTypes = {
  disabled: PropTypes.bool,
  type: PropTypes.string,
};

export default Toggle;