import type { ComponentProps, ComponentPropsWithoutRef, FC } from "react";
import { Stack } from "../Stack/Stack";
type DividerProps = ComponentPropsWithoutRef<"div"> & {
dark?: boolean;
};
type HrProps = ComponentPropsWithoutRef<"hr"> & {
/**
* Request the v2 version of the divider, which has the following benefits:
* - Uses an `
` tag instead of a ``.
* - Uses the border color from the design system, and doesn't have a prop
* to change it.
* - Doesn't contain any logic about when it should be hidden.
*/
version: "v2";
/**
* The color of the divider. Defaults to "border".
*/
color?: "divider" | "border" | "high-contrast" | "low-contrast";
/**
* The variant of the divider
*
* @default "hr"
*/
variant?: "hr";
};
type VerticalFlowDividerProps = ComponentProps
& {
version: "v2";
variant: "vertical-flow";
};
type VerticalDividerProps = ComponentPropsWithoutRef<"div"> & {
version: "v2";
variant: "vertical";
/**
* The color of the divider. Defaults to "border".
*/
color?: "divider" | "border" | "high-contrast" | "low-contrast";
};
type Props = DividerProps | HrProps | VerticalDividerProps | VerticalFlowDividerProps | HorizontalFlowDividerProps;
export declare const Divider: FC;
type HorizontalFlowDividerProps = ComponentProps & {
version: "v2";
variant: "horizontal-flow";
};
export {};