import CwElement from '../../internal/cw-element.js';
import type { CSSResultGroup } from 'lit';
/**
 * @summary A branding mark for a site's navigation, header, or footer, with automatic light/dark
 * image swapping and an optional home link.
 * @documentation https://cordwainer.dev/components/logo
 * @status experimental
 * @since 1.3
 *
 * @slot - Custom logo markup (e.g. an inline `<svg>` or `<picture>`), overriding `image`/`dark-image`.
 *
 * @csspart base - The component's base wrapper (an `<a>` when `href` is set, otherwise a `<span>`).
 * @csspart image - The light-mode (default) logo image.
 * @csspart image-dark - The dark-mode logo image.
 *
 * @cssproperty --cw-logo-height - The height of the logo. Width scales automatically.
 */
export default class CwLogo extends CwElement {
    #private;
    static styles: CSSResultGroup;
    private readonly hasSlotController;
    private readonly localize;
    /** The default (light-mode) logo image URL. */
    image: string;
    /** The dark-mode logo image URL. Falls back to `image` when unset. */
    darkImage: string;
    /** When set, the logo renders as a link to this URL — typically the site's home page. */
    href: string;
    /** Tells the browser where to open the link. Only used when `href` is present. */
    target: '_blank' | '_parent' | '_self' | '_top' | '';
    /**
     * The `rel` attribute for the link. Only used when `href` is present. Mirrors `<cw-button>`'s
     * default of `noreferrer noopener` as a safe default when `target` is used.
     */
    rel: string;
    /**
     * The accessible name for the logo. Defaults to a localized "Home" — for the best experience,
     * pass a brand-specific value instead, e.g. `label="Acme home"`.
     */
    label: string;
    connectedCallback(): void;
    disconnectedCallback(): void;
    render(): import("lit-html").TemplateResult<1>;
}