aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
50 lines (47 loc) • 1.78 kB
JavaScript
'use client';
import { jsx, jsxs } from 'react/jsx-runtime';
import '../../primitives/GlassCore.js';
import '../../primitives/glass/GlassAdvanced.js';
import { OptimizedGlassCore } from '../../primitives/OptimizedGlassCore.js';
import '../../primitives/glass/OptimizedGlassAdvanced.js';
import '../../primitives/MotionNative.js';
import '../../primitives/motion/MotionFramer.js';
import { cn } from '../../lib/utilsComprehensive.js';
function GlassDiffViewer({
left,
right,
sideBySide = true,
className
}) {
return jsx("div", {
"data-glass-component": true,
className: cn("w-full", className),
children: sideBySide ? jsxs("div", {
className: "glass-grid glass-grid-cols-2 glass-gap-3",
children: [jsx(OptimizedGlassCore, {
elevation: "level1",
className: 'glass-radius-lg glass-p-3 glass-border glass-border-white/15 overflow-auto',
children: jsx("pre", {
className: 'glass-text-xs text-primary/80 whitespace-pre-wrap break-all',
children: left
})
}), jsx(OptimizedGlassCore, {
elevation: "level1",
className: 'glass-radius-lg glass-p-3 glass-border glass-border-white/15 overflow-auto',
children: jsx("pre", {
className: 'glass-text-xs text-primary/80 whitespace-pre-wrap break-all',
children: right
})
})]
}) : jsx(OptimizedGlassCore, {
elevation: "level1",
className: 'glass-radius-lg glass-p-3 glass-border glass-border-white/15 overflow-auto',
children: jsx("pre", {
className: 'glass-text-xs text-primary/80 whitespace-pre-wrap break-all',
children: right
})
})
});
}
export { GlassDiffViewer, GlassDiffViewer as default };
//# sourceMappingURL=GlassDiffViewer.js.map