@spark-ui/components/dist/divider/index.d.ts

Spark (Leboncoin design system) components.

import * as react_jsx_runtime from 'react/jsx-runtime';
import { HTMLAttributes, ReactElement, Ref, ReactNode } from 'react';
import * as class_variance_authority_types from 'class-variance-authority/types';
import { VariantProps } from 'class-variance-authority';

declare const dividerStyles: (props?: ({
    isEmpty?: boolean | null | undefined;
    orientation?: "vertical" | "horizontal" | null | undefined;
    writingMode?: "horizontal-tb" | "vertical-lr" | null | undefined;
    alignment?: "start" | "end" | "center" | null | undefined;
    intent?: "current" | "outline" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
type DividerStylesProps = VariantProps<typeof dividerStyles>;

interface DividerProps extends HTMLAttributes<HTMLDivElement>, Omit<DividerStylesProps, 'isEmpty'> {
    /**
     * Change the component to the HTML tag or custom component of the only child.
     */
    asChild?: boolean;
    children?: ReactElement;
    /**
     * The orientation of the inner content.
     */
    alignment?: 'start' | 'end' | 'center';
    /**
     * The orientation of the separator.
     */
    orientation?: 'vertical' | 'horizontal';
    /**
     * When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.
     */
    isDecorative?: boolean;
    /**
     * Color scheme of the divider.
     */
    intent?: 'outline' | 'current';
    ref?: Ref<HTMLDivElement>;
}
declare const Divider$1: {
    ({ asChild, className, isDecorative, children, orientation, writingMode, alignment, intent, ref, ...props }: DividerProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};

interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {
    /**
     * Change the component to the HTML tag or custom component of the only child.
     */
    asChild?: boolean;
    children?: ReactNode;
    ref?: Ref<HTMLSpanElement>;
}
declare const DividerContent: {
    ({ children, ref, className, ...props }: DividerContentProps): react_jsx_runtime.JSX.Element | null;
    displayName: string;
};

declare const Divider: typeof Divider$1 & {
    Content: typeof DividerContent;
};

export { Divider, type DividerContentProps };