@gfazioli/mantine-split-pane/dist/types/Split.d.ts

A React component that manages split panes allows users to divide and resize content areas within a layout efficiently.

import React from 'react';
import { BoxProps, Factory, StylesApiProps } from '@mantine/core';
import { SplitPane } from './Pane/SplitPane';
import { SplitPaneResizer, type SplitPaneResizerContextProps, type SplitPaneResizerVariant } from './Resizer/SplitPaneResizer';
export type SplitStylesNames = 'root';
export type SplitVariant = SplitPaneResizerVariant;
export type SplitCssVariables = {
    root: '--split-inline';
};
export interface SplitBaseProps extends SplitPaneResizerContextProps {
    /** Make main split container inline */
    inline?: boolean;
    /** Split children */
    children: React.ReactNode;
}
export interface SplitProps extends BoxProps, SplitBaseProps, StylesApiProps<SplitFactory> {
}
export type SplitFactory = Factory<{
    props: SplitProps;
    defaultComponent: 'div';
    ref: HTMLDivElement;
    stylesNames: SplitStylesNames;
    vars: SplitCssVariables;
    variant: SplitVariant;
    staticComponents: {
        Pane: typeof SplitPane;
        Resizer: typeof SplitPaneResizer;
    };
}>;
export declare const Split: import("@mantine/core").MantineComponent<{
    props: SplitProps;
    defaultComponent: "div";
    ref: HTMLDivElement;
    stylesNames: SplitStylesNames;
    vars: SplitCssVariables;
    variant: SplitVariant;
    staticComponents: {
        Pane: typeof SplitPane;
        Resizer: typeof SplitPaneResizer;
    };
}>;