import { LitElement } from "lit";
import type { HeroProps } from "./types.js";
/**
 * Hero is a prominent full-width banner pattern used at the top of pages to
 * introduce key content and drive user action. It employs a two-column grid
 * layout, a content column on one side and an optional media column on the
 * other.
 *
 * @slot cta - Optional call-to-action content displayed below the description.
 *
 * @implements ds:global.component.hero
 */
export default class Hero extends LitElement implements HeroProps {
    static styles: import("lit").CSSResult;
    title: string;
    description: string;
    layout: "side" | "stacked";
    media?: HeroProps["media"];
    render(): import("lit").TemplateResult<1>;
}
//# sourceMappingURL=Hero.d.ts.map