aura-glass/dist/esm/components/card/glass-card-link.js

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

'use client';
import { jsx } from 'react/jsx-runtime';
import { useReducedMotion } from '../../hooks/useReducedMotion.js';
import { cn } from '../../lib/utilsComprehensive.js';
import '../../primitives/GlassCore.js';
import '../../primitives/glass/GlassAdvanced.js';
import '../../primitives/OptimizedGlassCore.js';
import '../../primitives/glass/OptimizedGlassAdvanced.js';
import '../../primitives/MotionNative.js';
import { MotionFramer } from '../../primitives/motion/MotionFramer.js';

const GlassCardLink = ({
  href,
  children,
  className,
  ...props
}) => {
  useReducedMotion();
  return jsx(MotionFramer, {
    "data-glass-component": true,
    className: 'inline-block',
    children: jsx("a", {
      href: href,
      className: cn("relative inline-block overflow-hidden glass-radius-xl", "transition-all duration-300 ease-in-out", "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2", "glass-focus glass-touch-target glass-contrast-guard", className),
      ...props,
      children: children
    })
  });
};

export { GlassCardLink, GlassCardLink as default };
//# sourceMappingURL=glass-card-link.js.map