import { FunHeaderMetadata } from './types';
import * as i0 from "@angular/core";
/**
 * val-fun-header
 *
 * A decorative header component with flexible background options,
 * optional logo, and integrated banner content. Supports dark mode,
 * gradients, images with overlays, and various styling options.
 *
 * @example
 * <val-fun-header
 *   [props]="{
 *     image: '/assets/logo.png',
 *     background: 'primary',
 *     gradient: true,
 *     content: {
 *       title: 'Welcome',
 *       description: 'Get started with our platform'
 *     },
 *     rounded: true,
 *     shadowed: true
 *   }"
 * ></val-fun-header>
 *
 * @input props - Header configuration
 */
export declare class FunHeaderComponent {
    private theme;
    /**
     * Header configuration.
     */
    props: FunHeaderMetadata;
    /**
     * Check if the image is a CSS variable (starts with --)
     */
    isImageVariable(image?: string): boolean;
    /**
     * Get the image source, handling CSS variables
     */
    getImageSrc(): string;
    /**
     * Generate header background styles
     * Supports: images, gradients, colors, CSS variables, and dark mode
     */
    headerStyle(): Record<string, string>;
    /**
     * Resolve background color for gradient generation
     */
    private resolveBackgroundColor;
    /**
     * Check if background is an image URL
     */
    private isBackgroundImage;
    /**
     * Check if background is a gradient
     */
    private isGradient;
    /**
     * Check if background is a CSS variable
     */
    private isCSSVariable;
    /**
     * Check if background is a direct color value
     */
    private isColorValue;
    /**
     * Apply image background with optional overlay
     */
    private applyImageBackground;
    static ɵfac: i0.ɵɵFactoryDeclaration<FunHeaderComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<FunHeaderComponent, "val-fun-header", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
}