import * as i0 from '@angular/core';
import * as i1$1 from '@angular/common';
import * as i1 from '@daffodil/design';
import { DaffTextAlignableDirective } from '@daffodil/design';

/**
 * Hero is a top level container designed to be large and captivating.
 * It should be used only once per page, typically as the first component
 * to introduce the page’s main purpose or message.
 *
 * @example
 * ```html
 * <daff-hero>
 *  <div daffHeroIcon>
 *    <img src="assets/summer-sale-icon.svg" alt="Summer sale icon" />
 *  </div>
 *  <div daffHeroTagline>Limited Time Offer</div>
 *  <h1 daffHeroTitle>Summer Collection Sale</h1>
 *  <p daffHeroSubtitle>Up to 50% off select items through July 31</p>
 *  <div daffHeroBody>
 *    <button daff-button color="secondary">Shop the sale</button>
 *    <button daff-button color="theme">Learn more</button>
 *  </div>
 * </daff-hero>
 * ```
 */
declare class DaffHeroComponent {
    private textAlignable;
    constructor(textAlignable: DaffTextAlignableDirective);
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffHeroComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DaffHeroComponent, "daff-hero", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffManageContainerLayoutDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffTextAlignableDirective; inputs: { "textAlignment": "textAlignment"; }; outputs: {}; }, { directive: typeof i1.DaffCompactableDirective; inputs: { "compact": "compact"; }; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
}

/**
 * Icon is used to display a visual or branding element. Avoid using this for interactive or actionable icons.
 *
 * @example
 * ```html
 * <div daffHeroIcon>
 *  <img src="assets/summer-sale-icon.svg" alt="Summer sale icon" />
  </div>
 * ```
 */
declare class DaffHeroIconDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffHeroIconDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffHeroIconDirective, "[daffHeroIcon]", never, {}, {}, never, never, true, never>;
}

/**
 * Tagline is a short, memorable phrase that complements the title and provides quick context.
 *
 * @example
 * ```html
 * <div daffHeroTagline>Limited Time Offer</div>
 * ```
 */
declare class DaffHeroTaglineDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffHeroTaglineDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffHeroTaglineDirective, "[daffHeroTagline]", never, {}, {}, never, never, true, never>;
}

/**
 * Title is the primary heading for the hero.
 *
 * @example
 * ```html
 * <h1 daffHeroTitle>Summer Collection Sale</h1>
 * ```
 */
declare class DaffHeroTitleDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffHeroTitleDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffHeroTitleDirective, "[daffHeroTitle]", never, {}, {}, never, never, true, never>;
}

/**
 * Subtitle is a secondary descriptive text displayed beneath the title.
 *
 * @example
 * ```html
 * <p daffHeroSubtitle>Up to 50% off select items through July 31</p>
 * ```
 */
declare class DaffHeroSubtitleDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffHeroSubtitleDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffHeroSubtitleDirective, "[daffHeroSubtitle]", never, {}, {}, never, never, true, never>;
}

/**
 * Body is a flexible wrapper for additional components or custom layouts.
 * It's unstyled except for spacing, allowing for a ton of control and customization.
 * It should only be used once per hero.
 *
 * @example
 * ```html
 * <div daffHeroBody>Custom content</div>
 * ```
 */
declare class DaffHeroBodyDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffHeroBodyDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffHeroBodyDirective, "[daffHeroBody]", never, {}, {}, never, never, true, never>;
}

/**
 * @deprecated in favor of {@link DAFF_HERO_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
 * */
declare class DaffHeroModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<DaffHeroModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffHeroModule, never, [typeof i1$1.CommonModule, typeof DaffHeroComponent, typeof DaffHeroIconDirective, typeof DaffHeroTaglineDirective, typeof DaffHeroTitleDirective, typeof DaffHeroSubtitleDirective, typeof DaffHeroBodyDirective], [typeof DaffHeroComponent, typeof DaffHeroIconDirective, typeof DaffHeroTaglineDirective, typeof DaffHeroTitleDirective, typeof DaffHeroSubtitleDirective, typeof DaffHeroBodyDirective]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<DaffHeroModule>;
}

/**
 * @docs-private
 */
declare const DAFF_HERO_COMPONENTS: readonly [typeof DaffHeroComponent, typeof DaffHeroIconDirective, typeof DaffHeroTaglineDirective, typeof DaffHeroTitleDirective, typeof DaffHeroSubtitleDirective, typeof DaffHeroBodyDirective];

export { DAFF_HERO_COMPONENTS, DaffHeroBodyDirective, DaffHeroComponent, DaffHeroIconDirective, DaffHeroModule, DaffHeroSubtitleDirective, DaffHeroTaglineDirective, DaffHeroTitleDirective };