import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';

/** Default horizontal rhythm for view bodies under `ListPageTemplate` (matches `FolderGridView`). */
declare const LIST_PAGE_VIEW_FRAME_GUTTER = "mx-4 mb-6 lg:mx-6";
/** Typical max width for icon grids / dense tile views on ultra-wide monitors. */
declare const LIST_PAGE_VIEW_FRAME_MAX_ICON_GRID = "max-w-6xl";
/** Slightly wider shell when a view includes toolbar + breadcrumbs + grid (e.g. OS folder explorer). */
declare const LIST_PAGE_VIEW_FRAME_MAX_WIDE = "max-w-7xl";
interface ListPageViewFrameProps extends React.HTMLAttributes<HTMLDivElement> {
    children: React.ReactNode;
    /**
     * When set, children are wrapped in `mx-auto w-full min-w-0` + this
     * max-width so the block stays centered inside the primary page column.
     */
    maxWidthClassName?: string;
    /** Override outer gutter; default `LIST_PAGE_VIEW_FRAME_GUTTER`. */
    gutterClassName?: string;
}
declare function ListPageViewFrame({ children, className, maxWidthClassName, gutterClassName, ...rest }: ListPageViewFrameProps): react_jsx_runtime.JSX.Element;

export { LIST_PAGE_VIEW_FRAME_GUTTER, LIST_PAGE_VIEW_FRAME_MAX_ICON_GRID, LIST_PAGE_VIEW_FRAME_MAX_WIDE, ListPageViewFrame, type ListPageViewFrameProps };