28 lines
649 B
TypeScript
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}`}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|