import { LitElement } from 'lit';
export type CttIconName = 'refresh' | 'qrcode-scan' | 'rotate' | 'save' | 'schedule_send' | 'search' | 'reply' | 'send' | 'share' | 'stop' | 'upload' | 'add-person' | 'add-person-disabled' | 'attach' | 'block' | 'cancel' | 'close' | 'collapse' | 'configurations' | 'delete' | 'download' | 'copy' | 'duplicate' | 'edit' | 'edit-document' | 'expand' | 'drag' | 'eye-off' | 'eye-on' | 'file-export' | 'filter' | 'file-save' | 'import' | 'login' | 'not-found' | 'pause' | 'logout' | 'play' | 'person' | 'print' | 'arrow-up-down' | 'chevron-down' | 'chevron-right' | 'chevron-up-down' | 'double-chevron-right' | 'arrow-down' | 'chevron-left' | 'chevron-up' | 'directions' | 'double-chevron-left' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'live_help' | 'newsletter' | 'mail' | 'notification' | 'notification-filled' | 'outbox' | 'robot' | 'chat' | 'email' | 'phone_enabled' | 'inbox' | 'customs' | 'fragile' | 'local-shipping' | 'locker' | 'locker-private' | 'payshop' | 'multiguide-product' | 'stamp' | 'storefront' | 'weight' | 'box-check' | 'box-cross' | 'box-export' | 'box-import' | 'box-location' | 'box-options' | 'box-money' | 'box-return' | 'box-shield' | 'box-shoes' | 'post-office' | 'box' | 'ctt-bank' | 'ctt-circle' | 'ctt-logo' | 'box-clock' | 'box-hand' | 'box-star' | 'ctt-circle-filled' | 'folder' | 'receipt-off' | 'signature' | 'assignment' | 'drafts' | 'envelope-letter' | 'receipt' | 'letter' | 'refund' | 'money-off' | 'money-filled' | 'savings' | 'wallet' | 'savings-filled' | 'amount' | 'money' | 'top-up' | 'card' | 'bank' | 'info' | 'warning' | 'help' | 'error' | 'no-image' | 'plane' | 'security-shield' | 'speed-score' | 'support' | 'ticket' | 'toolbox' | 'tools' | 'train' | 'ai' | 'apps' | 'book' | 'camera' | 'car' | 'chart' | 'devices' | 'eco' | 'company' | 'hotel' | 'image' | 'line-chart' | 'hourglass' | 'menu' | 'more-vert' | 'plus' | 'more-horiz' | 'minus' | 'settings' | 'suggestion' | 'touch-id' | 'wheelchair' | 'pin' | 'progress-activity' | 'accessibility' | 'bookmark' | 'touch-id-off' | 'calendar' | 'check' | 'check-circle' | 'checkoff' | 'clock' | 'dock-to-bottom' | 'dock-to-right' | 'dock-to-right-1' | 'external-link' | 'face-id' | 'flag' | 'flag-off' | 'home' | 'history' | 'home-filled' | 'layout' | 'lock' | 'map-cp' | 'match-case' | 'location-fixed' | 'my-location' | 'national' | 'portugal-continental' | 'globe' | 'location' | 'iberia' | 'sell' | 'shipping' | 'shipping-fill' | 'shopping-bag' | 'verified' | 'barcode' | 'barcode-scanner' | 'car-toll' | 'instagram' | 'linux' | 'star' | 'star-filled' | 'user-group' | 'windows' | 'linkedin' | 'youtube' | 'account-circle' | 'apple' | 'facebook' | 'heart' | 'heart-filled';
declare global {
    interface HTMLElementTagNameMap {
        'ctt-icon': CttIcon;
    }
}
/**
 * CTT Icon Component
 *
 * A centralized icon component that uses the CTT icon font system.
 * This component provides a clean API for using icons throughout the design system.
 *
 * @example
 * ```html
 * <ctt-icon name="user" size="24"></ctt-icon>
 * <ctt-icon name="send" size="16" color="primary"></ctt-icon>
 * ```
 */
export declare class CttIcon extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * The name of the icon (without the 'ctt-icon-' prefix)
     */
    name: CttIconName;
    /**
     * Size of the icon in pixels
     */
    size: string;
    /**
     * Color variant of the icon
     */
    color: string;
    /**
     * Whether the icon should have interactive states (hover, active)
     */
    interactive: boolean;
    /**
     * ARIA label for accessibility
     */
    ariaLabel: string;
    /**
     * Hide from screen readers
     */
    isAriaHidden: boolean;
    /**
     * Animation type for the icon
     */
    animation: 'rotate' | 'pulse' | '';
    constructor();
    render(): import("lit-html").TemplateResult<1>;
}