import { HTMLAttributes, ImgHTMLAttributes } from 'react';
import { StackProps, BoxProps, ButtonProps } from '@hiver/hiver-ui-kit';
import { StyledComponent } from '@emotion/styled';
/**
 * Outer card — pale purple wash matching the no-connectors empty
 * state. Two visually-distinct sections inside: the logo block on
 * top, the title/body/CTA below. No outer border — the pale
 * background carries enough separation from the page.
 */
export declare const CardWrapper: StyledComponent<BoxProps>;
/**
 * The two-logo block sits in its own slightly-inset panel at the
 * top of the card, matching the Figma's two-section composition.
 */
export declare const LogoPanel: StyledComponent<BoxProps>;
export declare const LogoRow: StyledComponent<StackProps>;
export declare const LogoImage: StyledComponent<ImgHTMLAttributes<HTMLImageElement>>;
/**
 * Red exclamation badge overlaid on the app logo for the
 * reauth_required / workspace_mismatch variants.
 */
export declare const ErrorBadge: StyledComponent<HTMLAttributes<HTMLSpanElement>>;
/**
 * Bold indigo CTA matching Figma. theme.palette.purple.primary is
 * the same token the no-connectors card uses for its accent border
 * and text, so the button locks into the existing design system.
 */
export declare const AuthenticateButton: StyledComponent<ButtonProps>;
//# sourceMappingURL=style.d.ts.map