import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
import { CSSResult } from 'lit';
import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
import * as React_2 from 'react';
import { TemplateResult } from 'lit-html';

export declare type DefaultProps = ComponentDefaultProps<TagProps>;

export declare const defaultProps: DefaultProps;

export declare const PieTag: React_2.ForwardRefExoticComponent<React_2.PropsWithChildren<Omit<React_2.PropsWithoutRef<TagProps>, "children">> & React_2.RefAttributes<PieTag_2> & ReactBaseType>;

/**
 * @tagname pie-tag
 * @slot icon - The icon slot
 * @slot - Default slot
 * @csspart body - The main container of the tag.
 * @csspart icon - The container for the icon slot.
 */
declare class PieTag_2 extends PieElement implements TagProps {
    variant: "neutral" | "neutral-alternative" | "ghost" | "outline" | "translucent" | "information" | "success" | "error" | "warning" | "brand-02" | "brand-03" | "brand-04" | "brand-05" | "brand-06" | "brand-08";
    size: "small" | "large";
    isStrong: boolean;
    isDimmed: boolean;
    isIconOnly: boolean;
    hasLeadingIcon: boolean;
    private _parentDisabled;
    render(): TemplateResult<1>;
    static styles: CSSResult;
}

declare type ReactBaseType = React_2.HTMLAttributes<HTMLSpanElement>;

export declare const sizes: readonly ["small", "large"];

export declare interface TagProps {
    /**
     * What style variant the tag should be such as neutral/ghost etc.
     */
    variant?: typeof variants[number];
    /**
     * When true, the "neutral", "information", "success", "error", "warning", "brand-03", "brand-04", "brand-05", "brand-06", and "brand-08" variants change their styles and become bolder
     */
    isStrong?: boolean;
    /**
     * When true, applies a dimmed styling to the tag.
     */
    isDimmed?: boolean;
    /**
     * What size the tag should be.
     */
    size?: typeof sizes[number];
    /**
     * Required to correctly render the tag when it contains only an icon.
     */
    isIconOnly?: boolean;
    /**
     * Required to correctly render the tag when it has a leading icon plus text.
     */
    hasLeadingIcon?: boolean;
}

export declare const variants: readonly ["neutral", "neutral-alternative", "ghost", "outline", "translucent", "information", "success", "error", "warning", "brand-02", "brand-03", "brand-04", "brand-05", "brand-06", "brand-08"];

export { }