import { CardsCarouselMetadata, CarouselCardShape } from './types';
import * as i0 from "@angular/core";
/**
 * val-cards-carousel
 *
 * A horizontal carousel of cards with optional action header.
 * Combines HorizontalScroll for smooth horizontal scrolling with inline
 * card rendering for consistent card styling.
 *
 * @example
 * <val-cards-carousel
 *   [props]="{
 *     header: { title: 'Featured Items', actionType: 'link', actionLabel: 'View All' },
 *     cards: [
 *       { title: { title: 'Card 1' }, link: { text: 'Learn more', url: '/item/1' } },
 *       { title: { title: 'Card 2' }, link: { text: 'Learn more', url: '/item/2' } }
 *     ]
 *   }"
 * ></val-cards-carousel>
 *
 * @input props - Carousel configuration with cards and optional header
 */
export declare class CardsCarouselComponent {
    /**
     * Carousel configuration with cards and optional header.
     */
    props: CardsCarouselMetadata;
    /**
     * Merges shape color with additional styles.
     */
    mergeShapeStyle(shape: CarouselCardShape): {
        [key: string]: string | number;
    };
    static ɵfac: i0.ɵɵFactoryDeclaration<CardsCarouselComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<CardsCarouselComponent, "val-cards-carousel", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
}
