import { ComponentProps } from 'react';
import { RecipeVariantProps } from '../../../styled-system/css';
export declare const DividerStyle: import('../../../styled-system/types').RecipeRuntimeFn<{
    color: {
        light: {
            borderColor: "sd.system.color.component.outlineBright";
        };
        normal: {
            borderColor: "sd.system.color.component.outline";
        };
        dark: {
            borderColor: "sd.system.color.component.outlineDim";
        };
    };
    type: {
        horizontal: {
            width: "100%";
            height: "sd.reference.dimension.scale.1";
            borderBottomStyle: "solid";
            borderWidth: "sd.system.dimension.border.medium";
        };
        vertical: {
            borderLeftStyle: "solid";
            width: "sd.reference.dimension.scale.1";
            borderWidth: "sd.system.dimension.border.medium";
            height: "100%";
            minHeight: "10px";
        };
    };
}>;
type DividerProps = ComponentProps<"hr"> & RecipeVariantProps<typeof DividerStyle>;
export declare const Divider: (props: DividerProps) => import("react").JSX.Element;
export {};