import { As, InternalForwardRefRenderFunction } from '../../../core/system';
export type ViewProps = {
    as?: As;
    outerAs?: As;
    withoutWrapper?: boolean;
    outerClassName?: string | undefined;
};
/**
 * `<View/>`, a component to render the main content of a page.
 *
 * @remarks
 * `className`, `ref` and spread props target the inner content element (`as`,
 * default `<article>`); use `outerClassName`/`outerAs` to style the landmark
 * wrapper (default `<main>`). Only one `<View/>` per page should keep the default
 * `outerAs="main"` — use `outerAs="section"` or `withoutWrapper` for secondary
 * regions to avoid duplicate `<main>` landmarks.
 *
 * Both the wrapper and the content container set `min-w-0` so the component
 * shrinks correctly inside flex/grid parents (e.g. app shells) instead of
 * forcing a page-wide horizontal scrollbar when a single wide child (table,
 * code block, carousel, long URL) would otherwise blow the layout out.
 *
 * @param {object} props - `<View/>` props.
 * @param {As} [props.as] - The element to render the component as.
 * @param {As} [props.outerAs] - The element to render the outer part of the component as.
 * @param {boolean} [props.withoutWrapper] - Don't include the wrapper/outer part of the component.
 * @param {string | undefined} [props.outerClassName] - The class name for the outer part of the component.
 * @returns {ReactNode} The `<View/>` component.
 */
declare const View: InternalForwardRefRenderFunction<"article", ViewProps, never>;
export default View;
//# sourceMappingURL=view.d.ts.map