import { VariantProps } from 'class-variance-authority';
import { ComponentProps, ReactNode } from 'react';
import { ClassProp } from 'class-variance-authority/types';
/**
 * Outer wrapper holds a 2px padding band that callers paint via
 * `className` (typically a gradient). Inner fill takes the available
 * space and renders the children on a dark background.
 *
 * Radius math: outer `rounded-2xl` = 18px in our token scale. With 2px
 * padding the inner radius must be 16px to keep the gradient band an
 * even thickness around the curve (outer − padding = inner).
 */
declare const flowHubVariants: (props?: ({
    size?: "sm" | "lg" | "md" | "xl" | null | undefined;
} & ClassProp) | undefined) => string;
type FlowHubProps = {
    /**
     * Center content (logo, icon, glyph). Rendered inside a dark fill —
     * children should use `text-background` or similar to read clearly.
     */
    children: ReactNode;
} & ComponentProps<"span"> & VariantProps<typeof flowHubVariants>;
declare function FlowHub({ children, className, size, ...props }: FlowHubProps): import("react").JSX.Element;
export { FlowHub, flowHubVariants };
export type { FlowHubProps };
//# sourceMappingURL=flow-hub.d.ts.map