mentalHealth/01-Web/packages/ui/common/Scrollbar.tsx

28 lines
649 B
TypeScript

import {
GlobalScrollbar as GScrollbar,
type GlobalScrollbarProps,
MacScrollbar,
type MacScrollbarProps,
} from 'mac-scrollbar';
export const GlobalScrollbar: React.FC<GlobalScrollbarProps> = (props) => {
return (
<GScrollbar
trackStyle={(horizontal) => (horizontal ? { height: 0 } : { width: 0 })}
{...props}
/>
);
};
export const Scrollbar: React.FC<MacScrollbarProps> = (props) => {
const { className = '', ...rest } = props;
return (
<MacScrollbar
trackStyle={(horizontal) => (horizontal ? { height: 0 } : { width: 0 })}
{...rest}
className={`text-theme ${className}`}
/>
);
};