import { jsx as _jsx } from "react/jsx-runtime";
import clsx from 'clsx';
import React from 'react';
export const pageRef = React.createRef();
export const Page = ({ children, className, onDrop, onDragOver }) => {
    return (_jsx("div", { ref: pageRef, onDrop: onDrop, onDragOver: onDragOver, className: clsx('overflow-y-auto w-full bg-[var(--background)] min-h-screen', className), children: children }));
};
