import React from 'react';

interface Token {
    description?: string;
    isAlias?: boolean;
    name: string;
    categoryName?: string;
    presenter?: TokenPresenter;
    rawValue: string;
    sourceType: TokenSourceType;
    value: string;
    sourcePath: string;
}
declare enum TokenPresenter {
    ANIMATION = "Animation",
    BORDER = "Border",
    BORDER_RADIUS = "BorderRadius",
    COLOR = "Color",
    EASING = "Easing",
    FONT_FAMILY = "FontFamily",
    FONT_SIZE = "FontSize",
    FONT_WEIGHT = "FontWeight",
    GRADIENT = "Gradient",
    LINE_HEIGHT = "LineHeight",
    LETTER_SPACING = "LetterSpacing",
    OPACITY = "Opacity",
    SHADOW = "Shadow",
    SPACING = "Spacing",
    SVG = "Svg",
    IMAGE = "Image"
}
declare enum TokenSourceType {
    CSS = "CSS",
    LESS = "Less",
    SCSS = "SCSS",
    SVG = "SVG",
    THEO = "THEO",
    IMAGE = "IMAGE"
}
interface PresenterProps {
    token: Token;
}

interface PresenterMapType {
    [key: string]: React.FunctionComponent<PresenterProps> | React.ComponentClass<PresenterProps>;
}

type TokenViewType = "card" | "table";

interface DesignTokenDocBlockProps {
    categoryName: string;
    maxHeight?: number;
    showValueColumn?: boolean;
    viewType: TokenViewType;
    filterNames?: string[];
    usageMap?: Record<string, string[]>;
    theme?: string;
    /**
     * @default true
     */
    showSearch?: boolean;
    pageSize?: number;
    presenters?: PresenterMapType;
}
declare const DesignTokenDocBlock: ({ filterNames, usageMap, categoryName, maxHeight, showValueColumn, viewType, showSearch, pageSize, presenters, theme, }: DesignTokenDocBlockProps) => React.JSX.Element;

export { DesignTokenDocBlock };