@vectara/vectara-ui/lib/components/topicButton/TopicButton.d.ts

Vectara's design system, codified as a React and Sass component library

import { LinkProps } from "../link/types";
import { BADGE_COLOR } from "../badge/Badge";
export declare const TOPIC_BUTTON_COLOR: readonly ["primary", "accent"];
export type TopicButtonColor = (typeof TOPIC_BUTTON_COLOR)[number];
export declare const TOPIC_BUTTON_STYLE: readonly ["compactRow", "compactGrid"];
export type TopicButtonStyle = (typeof TOPIC_BUTTON_STYLE)[number];
type TopicButtonBadge = {
    label: string;
    color: (typeof BADGE_COLOR)[number];
};
type Props = {
    children?: React.ReactNode;
    className?: string;
    href?: LinkProps["href"];
    target?: LinkProps["target"];
    track?: LinkProps["track"];
    onClick?: () => void;
    title?: string;
    fullWidth?: boolean;
    color?: TopicButtonColor;
    buttonStyle?: TopicButtonStyle;
    badges?: TopicButtonBadge[];
    icon?: React.ReactNode;
    isDisabled?: boolean;
};
export declare const VuiTopicButton: ({ children, className, href, onClick, title, fullWidth, color, buttonStyle, badges, icon, isDisabled, target, track, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
export {};