@ducor/react/dist/components/kbd.js

admin template ui interface

import { jsx as _jsx } from "react/jsx-runtime";
import { twMerge } from 'tailwind-merge';
var Kbd = function (_a) {
    var _b = _a.size, size = _b === void 0 ? "md" : _b, className = _a.className, children = _a.children;
    // Define size classes based on the 'size' prop
    var sizeClasses = {
        sm: 'px-1 py-0.5 text-xs', // Small size
        md: 'px-2 py-1 text-sm', // Medium size
        lg: 'px-3 py-1.5 text-base', // Large size
        xl: 'px-4 py-2 text-lg' // Extra large size
    };
    // Merge default classes with custom classes using twMerge
    var kbdClasses = twMerge("inline-flex items-center justify-center rounded-md border border-t-0 border-b-2 border-opacity-20 bg-b2 ".concat(sizeClasses[size], " min-h-[2.2em] min-w-[2.2em]"), className // Merging user-supplied className
    );
    return (_jsx("kbd", { className: kbdClasses, children: children }));
};
export default Kbd;