/// <reference types="react" />
export type BorderSide = "top" | "right" | "bottom" | "left";
export declare const CONTAINER_PADDING = "10px";
export declare const NotebookCell: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
} & {
    color: string;
    padding?: string | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const NotebookCellItemContainer: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
} & {
    color: string;
    inactive?: boolean | undefined;
    readOnly?: boolean | undefined;
    disabled?: boolean | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const NotebookCellItemContentContainer: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
} & {
    color: string;
    inactive?: boolean | undefined;
    readOnly?: boolean | undefined;
    disabled?: boolean | undefined;
    border?: BorderSide | undefined;
    roundedCorners: BorderSide[];
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
