import React from "react";
export type StyledProps = {
    /**
     * current element id
     * @defaultValue ""
     * @optional
     * @type string
     */
    id?: React.HtmlHTMLAttributes<HTMLDivElement>['id'];
    /**
     * The code to be displayed
     * @default ""
     */
    children: string;
    /**
     * The language of the code
     * @default "js"
     */
    language?: 'js' | 'javascript' | 'ts' | 'typescript' | 'json' | 'markdown' | string;
    /**
     * The title of the code
     * @default ""
     */
    title?: string;
    /**
     * The radius of the code block
     *
     * @default 8
     */
    radius?: number;
    /**
     * The width of the code block
     *
     * @default "100%"
     */
    width?: number | string;
    /**
     * The background color of the code block
     */
    backgroundColor?: string;
    /**
     * The padding of the code block
     */
    titlePadding?: number | string;
    /**
     * The padding X of the code block
     */
    titlePaddingX?: number | string;
    /**
     * The padding Y of the code block
     */
    titlePaddingY?: number | string;
    /**
     * The padding of the code block
     */
    codePadding?: number | string;
    /**
     * The padding X of the code block
     */
    codePaddingX?: number | string;
    /**
     * The padding Y of the code block
     */
    codePaddingY?: number | string;
};
declare function CodeBlock(props: StyledProps): import("react/jsx-runtime").JSX.Element;
export default CodeBlock;
//# sourceMappingURL=Styled.d.ts.map