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

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

/**
 *
 * Tab
 *
 */

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

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

const Tab = styled.li`
  display: inline-block;
  width: calc(100% / ${(props) => props.count});
  height: 3.6rem;
  &:first-of-type a {
    border-top-left-radius: 2px;
  }
  &:last-of-type a {
    border-top-right-radius: 2px;
  }
  button {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
  }
  a {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0 ${sizes.margin * 2}px;
    color: ${colors.blueTxt};
    font-family: 'Lato';
    font-size: 1.3rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    cursor: pointer;
    background-color: ${(props) => props.background};
    border-top: 3px solid ${(props) => props.background};
    border-bottom: 3px solid ${(props) => props.background};
    p,
    span {
      margin: auto;
    }
    &.active {
      border-top: 3px solid ${colors.blueTabBorder};
      border-bottom: 3px solid white;
      background-color: white;
      font-weight: ${sizes.fontWeight.bold};
    }
  }
`;

Tab.defaultProps = {
  index: 1,
  background: colors.greyTabBkgd,
};

Tab.propTypes = {
  background: PropTypes.string,
  index: PropTypes.number,
};

export default Tab;