@douyinfe/semi-ui/lib/cjs/layout/index.d.ts

A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.

import React, { CSSProperties } from 'react';
import PropTypes from 'prop-types';
import '@douyinfe/semi-foundation/lib/cjs/layout/layout.css';
import { ContextType } from './layout-context';
import Sider from './Sider';
export type { ResponsiveMap, SiderProps } from './Sider';
export interface BasicProps {
    prefixCls?: string;
    style?: CSSProperties;
    className?: string;
    tagName?: keyof HTMLElementTagNameMap;
    type?: string;
    children?: React.ReactNode | undefined;
}
export interface BasicLayoutProps {
    prefixCls?: string;
    style?: CSSProperties;
    className?: string;
    children?: React.ReactNode;
    hasSider?: boolean;
    tagName?: keyof HTMLElementTagNameMap;
}
export interface BasicLayoutState {
    siders: Array<string>;
}
declare class Layout extends React.Component<BasicLayoutProps, BasicLayoutState> {
    static propTypes: {
        prefixCls: PropTypes.Requireable<string>;
        style: PropTypes.Requireable<object>;
        className: PropTypes.Requireable<string>;
    };
    static defaultProps: {
        prefixCls: string;
        tagName: string;
    };
    static Header: React.ComponentClass<BasicProps, any>;
    static Footer: React.ComponentClass<BasicProps, any>;
    static Content: React.ComponentClass<BasicProps, any>;
    static Sider: typeof Sider;
    constructor(props: BasicLayoutProps);
    getSiderHook(): ContextType['siderHook'];
    render(): React.JSX.Element;
}
export { Layout };
export default Layout;