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 {};