import { ComponentInterface } from '../../stencil-public-runtime';
/**
 * @component BCM Divider
 * @description
 * A versatile divider component that creates a visual separation between content.
 * It supports horizontal or vertical orientation with customizable styles and sizes.
 * The component uses CSS variables for theming and Tailwind for styling.
 */
export declare class Divider implements ComponentInterface {
    /**
     * @prop {('horizontal'|'vertical')} direction
     * @description Determines the orientation of the divider
     * @default 'horizontal'
     * @example
     * <bcm-divider direction="vertical" />
     */
    direction: 'horizontal' | 'vertical';
    /**
     * @prop {('solid'|'dashed'|'dotted')} variant
     * @description Sets the border style of the divider
     * @default 'solid'
     * @example
     * <bcm-divider variant="dashed" />
     */
    variant: 'solid' | 'dashed' | 'dotted';
    /**
     * @prop {('small'|'medium'|'large')} size
     * @description Controls the thickness of the divider
     * @default 'medium'
     * @values
     * - small: 1px border
     * - medium: 2px border
     * - large: 4px border
     * @example
     * <bcm-divider size="large" />
     */
    size: 'small' | 'medium' | 'large';
    private dividerClass;
    render(): any;
}