9a2691a71f
* Update playwright screenshots and fix broken tests. --------- Co-authored-by: Joe Boccanfuso <joe.boccanfuso@radicalimaging.com>
38 lines
692 B
TypeScript
38 lines
692 B
TypeScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import classnames from 'classnames';
|
|
|
|
const stickyClasses = 'sticky top-0';
|
|
const notStickyClasses = 'relative';
|
|
|
|
const NavBar = ({
|
|
className,
|
|
children,
|
|
isSticky,
|
|
}: {
|
|
className?: string;
|
|
children?: React.ReactNode;
|
|
isSticky?: boolean;
|
|
}) => {
|
|
return (
|
|
<div
|
|
className={classnames(
|
|
'bg-popover z-20 border-black px-1',
|
|
isSticky && stickyClasses,
|
|
!isSticky && notStickyClasses,
|
|
className
|
|
)}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
NavBar.propTypes = {
|
|
className: PropTypes.string,
|
|
children: PropTypes.node,
|
|
isSticky: PropTypes.bool,
|
|
};
|
|
|
|
export default NavBar;
|