@chakra-ui/react/dist/types/theme/recipes/code-block.d.ts

Responsive and accessible React UI components built with React and Emotion

export declare const codeBlockSlotRecipe: import("../..").SlotRecipeDefinition<"root" | "content" | "title" | "header" | "footer" | "control" | "overlay" | "code" | "codeText" | "copyTrigger" | "copyIndicator" | "collapseTrigger" | "collapseIndicator" | "collapseText", {
    size: {
        sm: {
            root: {
                "--code-block-padding": "spacing.4";
                "--code-block-radius": "radii.md";
                "--code-block-header-height": "sizes.8";
            };
            title: {
                textStyle: "xs";
            };
            code: {
                fontSize: "xs";
            };
        };
        md: {
            root: {
                "--code-block-padding": "spacing.4";
                "--code-block-radius": "radii.lg";
                "--code-block-header-height": "sizes.10";
            };
            title: {
                textStyle: "xs";
            };
            code: {
                fontSize: "sm";
            };
        };
        lg: {
            root: {
                "--code-block-padding": "spacing.5";
                "--code-block-radius": "radii.xl";
                "--code-block-header-height": "sizes.12";
            };
            title: {
                textStyle: "sm";
            };
            code: {
                fontSize: "sm";
            };
        };
    };
}>;