import React from 'react';
import { ScrollArea } from '@/components/ui/scroll-area';

export default function PageContainer({
  children,
  scrollable = true
}: {
  children: React.ReactNode;
  scrollable?: boolean;
}) {
  return (
    <>
      {scrollable ? (
        <ScrollArea className="h-[calc(100dvh-52px)]" style={{backgroundColor:"#FBFDFF"}}>
          <div className="h-full  p-7">{children}</div>
        </ScrollArea>
      ) : (
        <div className="h-full  p-7">{children}</div>
      )}
    </>
  );
}