import { HTMLAttributes, PropsWithChildren } from 'react';
export type RuleConnectorProps = {
    /**
     * The placement for the connector.
     *
     * Possible values are `start`, `center` and `end`.
     *
     * @default 'center'
     */
    placement?: 'start' | 'center' | 'end';
    /**
     * The rioglyph icon name.
     *
     * @default 'rioglyph-plus'
     */
    icon?: string;
    /**
     * Defines whether the connector is shown.
     *
     * @default false
     */
    hidden?: boolean;
    /**
     * Background color of the connector itself.
     *
     * @default 'bg-lightest'
     */
    background?: string;
    /**
     * Background color of the surrounding area where the rule containers are placed.
     *
     * @default 'bg-white'
     */
    pageBackground?: string;
    /**
     * Classes to be set on the connector content.
     *
     * @default 'text-color-light'
     */
    contentClassName?: string;
    /**
     * Defines whether the connector has a border.
     *
     * @default false
     */
    hasBorder?: boolean;
    /**
     * The border color class name.
     */
    borderColor?: string;
    /**
     * Additional classes for the wrapper element.
     */
    className?: string;
} & Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
declare const RuleConnector: {
    (props: PropsWithChildren<RuleConnectorProps>): import("react/jsx-runtime").JSX.Element;
    START: string;
    CENTER: string;
    END: string;
};
export default RuleConnector;
