import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';

interface ScrollableContainerProps {
	children: React.ReactNode;
}

function ScrollableContainer({ children }: ScrollableContainerProps) {
	return (
		<div className="h-full w-full flex flex-1 flex-col overflow-hidden">
			<OverlayScrollbarsComponent className="os-hide-horizontal-scrollbar relative flex-1">
				<div className="absolute h-full w-[calc(100%-14px)] flex flex-col gap-2">
					{children}
				</div>
			</OverlayScrollbarsComponent>
		</div>
	);
}

export default ScrollableContainer;