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

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

/**
 *
 * ListHeader
 *
 */

import React from 'react';
import PropTypes from 'prop-types';
import { ListHeader as StyledListHeader } from '@buffetjs/styles';
import Button from '../Button';
import Flex from '../Flex';
import Padded from '../Padded';
import Text from '../Text';
import BaselineAlignement from './BaselineAlignement';

function ListHeader({ button, title, subtitle }) {
  return (
    <StyledListHeader>
      <Flex justifyContent="space-between">
        <Padded top bottom size="smd">
          <Text fontSize="lg" fontWeight="bold" lineHeight="18px">
            {title}
          </Text>
          {subtitle && (
            <Padded top size="xs">
              <Text fontSize="md" color="grey" lineHeight="13px">
                {subtitle}
              </Text>
            </Padded>
          )}
        </Padded>
        {button && (
          <BaselineAlignement>
            <Button {...button} />
          </BaselineAlignement>
        )}
      </Flex>
    </StyledListHeader>
  );
}

ListHeader.defaultProps = {
  button: null,
  title: null,
  subtitle: null,
};

ListHeader.propTypes = {
  button: PropTypes.shape({
    color: PropTypes.string,
    icon: PropTypes.bool,
    type: PropTypes.string,
  }),
  subtitle: PropTypes.string,
  title: PropTypes.string,
};

export default ListHeader;