admin-panel-ui-components 0.1.2 → 0.1.3

package/dist/Button.d.ts

@@ -4,6 +4,7 @@ interface ButtonProps {
     children: React.ReactNode;
     variant?: "primary" | "secondary";
     onClick?: () => void;
+    className?: string;
 }
 declare const Button: React.FC<ButtonProps>;
 export default Button;

package/dist/Button.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "./index.css";
 var Button = function (_a) {
-    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, onClick = _a.onClick;
+    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, onClick = _a.onClick, className = _a.className;
     var variants = {
         primary: "bg-blue-600 text-white hover:bg-blue-700",
         secondary: "bg-gray-600 text-white hover:bg-gray-700",
     };
-    return (_jsx("button", { className: "px-6 py-3 rounded-lg font-semibold transition  ".concat(variants[variant]), onClick: onClick, children: children }));
+    return (_jsx("button", { className: "text-base font-semibold rounded-lg transition px-6 py-3 ".concat(variants[variant], " ").concat(className), onClick: onClick, children: children }));
 };
 export default Button;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "admin-panel-ui-components",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/Button.tsx

@@ -5,16 +5,17 @@ interface ButtonProps {
   children: React.ReactNode;
   variant?: "primary" | "secondary";
   onClick?: () => void;
+  className?: string;
 }
 
-const Button: React.FC<ButtonProps> = ({ children, variant = "primary", onClick }) => {
+const Button: React.FC<ButtonProps> = ({ children, variant = "primary", onClick, className }) => {
   const variants = {
     primary: "bg-blue-600 text-white hover:bg-blue-700",
     secondary: "bg-gray-600 text-white hover:bg-gray-700",
   };
 
   return (
-    <button className={`px-6 py-3 rounded-lg font-semibold transition  ${variants[variant]}`} onClick={onClick}>
+    <button className={`text-base font-semibold rounded-lg transition px-6 py-3 ${variants[variant]} ${className}`} onClick={onClick}>
       {children}
     </button>
   );