import { GdsElement } from '../../gds-element'; declare const GdsLink_base: (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").MarginProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").SizeXProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & (new (...args: any[]) => import("../../utils/mixins/props-link").LinkProps) & typeof GdsElement; /** * @element gds-link * * @slot main - Content to be displayed as the link string. * @slot lead - An optional slot that allows a `gds-icon` element to be placed before the label. * @slot trail - An optional slot that allows a `gds-icon` element to be placed after the label. * * @event click - Fired when the link is clicked. * */ export declare class GdsLink extends GdsLink_base { #private; static styles: (import("lit").CSSResult | import("lit").CSSResult[])[]; static shadowRootOptions: ShadowRootInit; /** * Provides an accessible name for the link that will be read by screen readers. * Use this when: * - The link contains only an icon * - The visual text needs a different description for screen readers * - Additional context is needed for accessibility * * @example * // Icon-only link * * * * * // Different screen reader text * * Read more * */ label: string; /** * Controls the text-decoration property of the link. * Supports all valid CSS text-decoration values. * * Setting `text-decoration` on hover you can do it like this: * ```html * Underline on Hover * ``` * @property text-decoration */ 'text-decoration'?: string; connectedCallback(): void; render(): import("lit-html").TemplateResult; } export {};