import { ReactNode } from 'react';
export type SectionAppType = 'default' | 'about-us' | 'step-by-step';
export type SectionAppSize = 'mobile' | 'desktop';
export type SectionAppCampaign = 'default-score' | 're-score';
export type SectionAppStores = {
    googleplay?: string;
    appstore?: string;
};
export type SectionAppQrCode = {
    src: string;
    alt?: string;
    /** @default 'Ou escaneie o código para baixar nosso aplicativo.' */
    text?: string;
};
export type SectionAppProps = {
    /** Default (ações antes da lista, checks), About us (ações depois da lista) ou Step-by-step (números, até 6 itens). Figma: Section App, Type. */
    type?: SectionAppType;
    title: string;
    description?: string;
    /** Benefícios (Default e About us) ou passos (Step-by-step), um por linha. */
    items: string[];
    /** Links das lojas; os badges vêm da lib (os mesmos do Footer). Sem nenhum, a seção sai sem botões. */
    stores?: SectionAppStores;
    /** QR code ao lado dos botões. Só aparece no Desktop (a partir de 1024px). */
    qrCode?: SectionAppQrCode;
    /** Ícone do app, num quadro de 40x40 com raio 11,25 e fundo action (Partner Thumb no Figma). */
    logo?: ReactNode;
    /** Imagem da seção. Vence `campaign`. Sem as duas, fica o quadro vazio da spec. */
    image?: ReactNode;
    /** Uma das artes do Section App Image que vêm com a lib (Default Score ou Rê Score), na versão Mobile ou Desktop conforme o breakpoint ou `size`. */
    campaign?: SectionAppCampaign;
    /** Força o layout Mobile (empilhado, sem QR code) ou Desktop (lado a lado, com QR code). Sem ela, segue o breakpoint de 1024px. Figma: Size. */
    size?: SectionAppSize;
    /** Tag do título. @default 'h2' */
    titleAs?: 'h1' | 'h2' | 'h3';
    className?: string;
    'data-testid'?: string;
};
export declare const SectionApp: ({ type, title, description, items, stores, qrCode, logo, image, campaign, size, titleAs, className, "data-testid": dataTestId, }: SectionAppProps) => import("react/jsx-runtime").JSX.Element;