xlibs-components

Version:

Modern React component library with Aceternity, MagicUI, and ShadCN components for building beautiful web applications

8 lines (7 loc) • 818 B

JavaScript

"use client";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { IconClipboard } from "@tabler/icons-react";
import { cn } from '../../lib/utils.js';
export const ButtonsCard = ({ children, className, onClick, }) => {
    return (_jsxs("div", { onClick: onClick, className: cn("h-60 w-full bg-white rounded-xl border border-neutral-100 dark:bg-black dark:border-white/[0.2] hover:border-neutral-200 group/btn overflow-hidden relative flex items-center justify-center", className), children: [_jsx("div", { className: "absolute inset-0 dark:bg-dot-white/[0.1] bg-dot-black/[0.1]" }), _jsx(IconClipboard, { className: "absolute top-2 right-2 text-neutral-300 group-hover/btn:block hidden h-4 w-4 transition duration-200" }), _jsx("div", { className: "relative z-40", children: children })] }));
};