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

Viewing file:     PickerSection.js (1.06 KB)      -rw-r--r--

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

const PickerSection = styled.div`
  display: none;
  position: absolute;
  top: 38px;
  left: ${({ position }) => (position === 'left' ? '0' : 'auto')};
  right: ${({ position }) => (position === 'right' ? '0' : 'auto')};
  z-index: 1046;
  background-color: ${({ theme }) => theme.main.colors.white};
  border-radius: ${({ theme }) => theme.main.sizes.borderRadius};
  border: 1px solid ${({ theme }) => theme.main.colors.darkGrey};
  box-shadow: 0 2px 4px ${({ theme }) => theme.main.colors.greyAlpha};
  ${({ isOpen }) => isOpen && 'display: block;'}
`;

PickerSection.defaultProps = {
  isOpen: false,
  position: 'left',
  // TODO : This is temporary
  theme: {
    main: {
      colors: {
        white: '#ffffff',
        darkGrey: '#e3e9f3',
        greyAlpha: 'rgba(227, 233, 243, 0.5)',
      },
      sizes: {
        borderRadius: '2px',
      },
    },
  },
};

PickerSection.propTypes = {
  isOpen: PropTypes.bool,
  position: PropTypes.oneOf(['left', 'right']),
};

export default PickerSection;