import { default as React } from 'react';
export type FamilyBannerVariant = 'footer' | 'settings';
export type FamilyBannerStatus = 'none' | 'pending' | 'active' | 'owner';
export type CurrentFamilyInfo = {
    id: string;
    name: string;
    role: string;
    status: FamilyBannerStatus;
};
type Props = {
    currentFamily?: CurrentFamilyInfo | null;
    abyssUrl?: string;
    variant: FamilyBannerVariant;
};
export declare function resolveBannerState(currentFamily: CurrentFamilyInfo | null | undefined): FamilyBannerStatus;
export declare function resolveCTAHref(currentFamily: CurrentFamilyInfo | null | undefined, abyssUrl: string | undefined): string;
export declare function resolveVariantLayout(variant: FamilyBannerVariant): {
    isCompact: boolean;
    showDescription: boolean;
    showCardWrapper: boolean;
    ctaAs: 'button' | 'link';
};
declare const AbyssFamilyBanner: React.FC<Props>;
export default AbyssFamilyBanner;