import { SelectorItemElement } from '../Abstracts/Selector/SelectorItemElement';
import { Carousel2Element } from './Carousel2Element';
import { ICarouselItem2ElementProps } from './ICarouselItem2ElementProps';
declare const CarouselItem2Element_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof SelectorItemElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * Carousel Item 2 - An individual slide or content panel within a Carousel 2 component.
 *
 * @description
 * The Carousel Item 2 component represents a single slide or content panel within a Carousel 2
 * slideshow. It serves as a container for any type of content including images, text, cards,
 * or complex layouts. Each item is managed by its parent carousel for positioning, visibility,
 * and navigation. The component automatically inherits accessibility attributes like aria-hidden
 * and aria-label from the parent carousel.
 *
 * @name Carousel Item 2
 * @element mosaik-carousel-item-2
 * @category Selectors
 *
 * @slot - The default slot for the carousel item content
 *
 * @cssprop {String} --carousel-item2-font-family - The item2 font family CSS custom property.
 * @cssprop {String} --carousel-item2-font-letter-spacing - The item2 font letter spacing CSS custom property.
 * @cssprop {String} --carousel-item2-font-line-height - The item2 font line height CSS custom property.
 * @cssprop {String} --carousel-item2-font-size - The item2 font size CSS custom property.
 * @cssprop {String} --carousel-item2-font-text-decoration - The item2 font text decoration CSS custom property.
 * @cssprop {String} --carousel-item2-font-text-transform - The item2 font text transform CSS custom property.
 * @cssprop {String} --carousel-item2-font-weight - The item2 font weight CSS custom property.
 * @cssprop {String} --carousel-item2-gap - The item2 gap CSS custom property.
 * @cssprop {String} --carousel-item2-padding-bottom - The item2 padding bottom CSS custom property.
 * @cssprop {String} --carousel-item2-padding-left - The item2 padding left CSS custom property.
 * @cssprop {String} --carousel-item2-padding-right - The item2 padding right CSS custom property.
 * @cssprop {String} --carousel-item2-padding-top - The item2 padding top CSS custom property.
 * @cssprop {String} --carousel-item2-shadow - The item2 shadow CSS custom property.
 * @cssprop {String} --carousel-item2-shadow-blur - The item2 shadow blur CSS custom property.
 * @cssprop {String} --carousel-item2-shadow-color - The item2 shadow color CSS custom property.
 * @cssprop {String} --carousel-item2-shadow-offset-x - The item2 shadow offset x CSS custom property.
 * @cssprop {String} --carousel-item2-shadow-offset-y - The item2 shadow offset y CSS custom property.
 * @cssprop {String} --carousel-item2-shadow-spread - The item2 shadow spread CSS custom property.
 * @cssprop {String} --carousel-item2-transition-duration - The item2 transition duration CSS custom property.
 * @cssprop {String} --carousel-item2-transition-mode - The item2 transition mode CSS custom property.
 * @cssprop {String} --carousel-item2-transition-property - The item2 transition property CSS custom property.
 * @cssprop {String} --carousel-item2-translate - The item2 translate CSS custom property.
 *
 * @fires connected {ConnectedEvent} - Fired when the carousel item is connected to the DOM
 * @fires changed {PropertyChangedEvent} - Fired when carousel item properties change
 *
 * @example
 * Basic carousel item with image:
 * ```html
 * <mosaik-carousel-item-2>
 *   <mosaik-image src="slide1.jpg" alt="Slide 1"></mosaik-image>
 * </mosaik-carousel-item-2>
 * ```
 *
 * @example
 * Carousel item with card content:
 * ```html
 * <mosaik-carousel-item-2>
 *   <mosaik-card>
 *     <h3>Product Title</h3>
 *     <p>Product description goes here.</p>
 *   </mosaik-card>
 * </mosaik-carousel-item-2>
 * ```
 *
 * @public
 */
export declare class CarouselItem2Element extends CarouselItem2Element_base implements ICarouselItem2ElementProps {
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     * The `is` property represents natural name of this element.
     *
     * @public
     * @static
     * @override
     * @readonly
     */
    static get is(): string;
    /**
     * Get the item parent.
     *
     * @protected
     * @readonly
     */
    get parent(): Carousel2Element;
}
/**
 * @public
 */
export declare namespace CarouselItem2Element {
    type Props = ICarouselItem2ElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-carousel-item-2': CarouselItem2Element;
    }
}
export {};
//# sourceMappingURL=CarouselItem2Element.d.ts.map