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 {};