@codeworker.br/govbr-tw-react/dist/components/Kbd/index.d.ts

Biblioteca de componentes React usando Tailwind CSS que implementa o Padrão Digital de Governo.

import React from "react";
import { type VariantProps } from "class-variance-authority";
/** Permite overrides de cor (Tailwind classes) */
type KbdColors = {
    bg?: string;
    text?: string;
    border?: string;
    shadow?: string;
};
declare const kbdBase: (props?: ({
    variant?: "default" | "dark" | "outline" | "subtle" | "ghost" | null | undefined;
    size?: "sm" | "md" | "xs" | null | undefined;
    density?: "default" | "lowest" | "low" | "high" | null | undefined;
    pill?: boolean | null | undefined;
    muted?: boolean | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
type Os = "auto" | "mac" | "win";
export type KbdProps = {
    /** conteúdo da tecla quando for uma única */
    children?: React.ReactNode;
    /** conjunto de teclas; se passado, renderiza como combo (ex.: ["Mod","K"]) */
    keys?: Array<string | React.ReactNode>;
    /** separador entre teclas no combo */
    separator?: React.ReactNode;
    /** mapeamento de Mod/Cmd/Ctrl baseado no SO */
    os?: Os;
    /** sobrescrita de cores */
    colors?: KbdColors;
    className?: string;
    muted?: boolean;
    pill?: boolean;
} & VariantProps<typeof kbdBase>;
export default function Kbd({ children, keys, separator, os, colors, className, muted, pill, variant, size, density, }: KbdProps): import("react/jsx-runtime").JSX.Element;
export {};