import { Cre8Element } from '../cre8-element';
/**
 * Link Component are strictly used in the case where the component will take
 * the user away from the current page to a new url.
 * In this vein, this component should ONLY be used in situations an anchor tag would be used (an href is required)
 * This goes for the variations as well such as the Call To Action Link
 *
 * **Note**
 *
 * For link with icon:
 * - **iconRotateDegree** & **iconFlipDirection** props are optional.
 * - They are used to set up the correct direction for icons, for example,
 * arrows, caret up or caret down.
 *
*/
export declare class Cre8Link extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     * Href attribute of the anchor tag
     */
    href: string;
    /**
     * Rel attribute of the anchor tag
     */
    rel?: string;
    /**
     * Target attribute for a link (i.e. set to _blank to open in new tab)
     * - **_blank** yields a link that opens in a new tab
     * - **_self** yields a link that loads the URL into the same browsing context as the current one.
     *   This is the default behavior
     * - **_parent** yields a link that loads the URL into the parent browsing context of the current one.
     *   If there is no parent, this behaves the same way as _self
     * - **_top** yields a link that loads the URL into the top-level browsing context.
     *   If there is no parent, this behaves the same way as _self.
     */
    target?: '_blank' | '_self' | '_parent' | '_top';
    /**
     * DEPRECATED: Icon name, use svg instead
     * @deprecated
     */
    iconName?: string;
    /**
     * svg as a raw string
     * - For links with icon, the icon is defined by this prop.
     * - Pass in a raw svg as a String for using <cre8-icon>
     */
    svg?: string;
    /**
     * iconRotateDegree is used for <cre8-icon> to set the arrow in the correct direction
     */
    iconRotateDegree?: number;
    /**
     * iconFlipDirection is used for <cre8-icon> to set the icon in the correct direction
     */
    iconFlipDirection?: string;
    /**
     * Icon position
     * - **before** places the icon before the button text
     * - **after** places the icon after the button text
     */
    iconPosition?: 'before' | 'after';
    /**
     * Call To Action Icon
     */
    ctaIcon: string;
    /**
     * Call To Action Link
     */
    ctaLink?: boolean;
    /**
     * Link with no underline
     */
    noUnderline?: boolean;
    /**
     * Size variant (default is medium)
     * - **sm** shrinks the link typography and overall size
     * - **lg** increases the link typography size and overall size
     */
    size?: 'sm' | 'lg';
    /**
     * Inverted colors Link (onDark)
     */
    inverted?: boolean;
    private generateIcon;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-link': Cre8Link;
    }
}
export default Cre8Link;
//# sourceMappingURL=link.d.ts.map