Files
Palmr/apps/docs/src/components/ui/button.tsx
Daniel Luiz Alves 8f30883404 feat: update to v3.0-beta with new features and improvements
- Updated versioning across multiple components and documentation to v3.0-beta.
- Introduced new Docker Compose configurations for S3-compatible storage and MinIO support.
- Enhanced the documentation with new guides for API usage, architecture, and user management.
- Improved localization and user experience in the frontend with updated UI components and styles.
- Removed outdated Docker configurations and files to streamline the setup process.
- Added new utilities for key generation and improved error handling in various components.
- Updated license to reflect the new Kyantech-Permissive License.
2025-06-13 02:23:15 -03:00

35 lines
1.1 KiB
TypeScript

import { ButtonHTMLAttributes, forwardRef } from "react";
import { cn } from "@/lib/utils";
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
className?: string;
}
export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
({ className, children, ...props }, ref) => {
return (
<button
ref={ref}
className={cn(
"inline-flex items-center justify-center rounded-md px-4 py-2",
"text-base font-medium transition-all duration-200 cursor-pointer",
"text-gray-700 dark:text-gray-200",
"border border-gray-300 dark:border-gray-600",
"hover:border-gray-400 dark:hover:border-gray-500",
"hover:bg-gray-50 dark:hover:bg-gray-800/50",
"hover:shadow-sm",
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400",
"dark:focus-visible:ring-gray-500 focus-visible:ring-offset-2",
"disabled:pointer-events-none disabled:opacity-50",
className
)}
{...props}
>
{children}
</button>
);
}
);
Button.displayName = "Button";