import { DDSElement, DDSNavigable, NavigationTarget } from "../../base/index.js";
/**
* The logo is a UI element that represents a brand, company or service. It serves as a visual identifier, helping users recognize and navigate within a specific application or website.
*
* @example
*
* ```js
* import "@daikin-oss/design-system-web-components/components/logo/index.js";
* ```
*
* ```html
* // Control the size of the logo by directly setting the width and height.
*
*
* // When the logo is used inside other elements, its size automatically adapts to the size of the parent element.
*
*
*
* ```
*/
export declare class DaikinLogo extends DDSElement implements DDSNavigable {
static readonly styles: import('lit').CSSResult;
/**
* Link `href`.
* If specify this property the logo will be a link.
*/
href: string | null;
/**
* Link `target`.
* Used only when use logo as a link.
*/
target: string | null;
/**
* Provides an accessible name of the logo.
*
* @default "Logo of Daikin"
*/
logoAriaLabel: string | null;
/**
* Specify the the logo mode.
* Notice: Allow the use of a negative logo only when the positive logo is too close to the background to be legible.
*
* @default "positive"
*/
mode: "positive" | "negative";
private readonly _focusableElement;
/**
* _Internal use._
* Returns the navigation target information.
* Used by navigation handling utilities.
*
* @returns Navigation target information or `null` if not navigable.
*
* @private
*/
getDDSNavigationTarget(): NavigationTarget | null;
render(): import('lit-html').TemplateResult<1>;
/**
* Focuses on the inner link.
* @param options focus options
*/
focus(options?: FocusOptions): void;
}
declare global {
interface HTMLElementTagNameMap {
"daikin-logo": DaikinLogo;
}
}