All files / Components/NavElements NavTitle.js

100% Statements 6/6
100% Branches 0/0
100% Functions 1/1
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48          1x           27x   27x   27x                             27x                 1x                
import React, { useContext } from 'react'
import PropTypes from 'prop-types'
import classNames from 'classnames'
import { WebAppsUXContext } from '../../Context'
 
const NavTitle = props => {
    const {
        name,
        className,
        innerRef,
        ...attributes
    } = props;
 
    const { theme } = useContext(WebAppsUXContext);
 
    const classes = classNames(
        'relative',
        'flex',
        'items-center',
        'justify-start',
        'mt-6',
        'px-4',
        'py-2.5',
        'text-sm',
        'font-medium',
        'leading-5',
        'rounded-md',
        className
    )
 
    return (
        <div className={classes} {...attributes} ref={innerRef}>
            <h6 className={`text-${theme}-600 text-xs uppercase font-semibold tracking-wider`}>
                {name}
            </h6>
        </div>
    )
}
 
NavTitle.propTypes = {
    name: PropTypes.string,
    className: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.object]),
    innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])
};
 
 
export default NavTitle;