/**
 * Consent Shell Web Component
 *
 * The main container for consent pages. Provides:
 * - Card-like container with shadow and rounded corners
 * - Header section with logo and title
 * - Content area for auth-specific content
 * - Footer for action buttons
 *
 * @module components/consent-shell
 */
import { LitElement } from 'lit';
/**
 * ConsentShell - Container component for consent pages
 *
 * @example
 * ```html
 * <consent-shell
 *   page-title="Permission Request"
 *   logo-url="https://example.com/logo.png"
 *   company-name="Acme Corp"
 *   primary-color="#2563EB"
 * >
 *   <div slot="content">
 *     <!-- Auth-specific content -->
 *   </div>
 *   <div slot="footer">
 *     <consent-button variant="secondary">Cancel</consent-button>
 *     <consent-button variant="primary">Allow</consent-button>
 *   </div>
 * </consent-shell>
 * ```
 *
 * @slot content - Main content area
 * @slot footer - Action buttons area
 * @csspart container - The outer card container
 * @csspart header - The header section
 * @csspart content - The content section
 * @csspart footer - The footer section
 */
export declare class ConsentShell extends LitElement {
    /**
     * Page title (renamed from 'title' to avoid conflict with HTMLElement.title)
     */
    pageTitle: string;
    /**
     * Company logo URL
     */
    logoUrl?: string;
    /**
     * Company name (shown below logo or as fallback)
     */
    companyName?: string;
    /**
     * Primary brand color
     */
    primaryColor: string;
    /**
     * Secondary brand color
     */
    secondaryColor: string;
    static styles: import("lit").CSSResult;
    private renderLogo;
    protected updated(changedProperties: Map<string, unknown>): void;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'consent-shell': ConsentShell;
    }
}
//# sourceMappingURL=consent-shell.d.ts.map