13 lines
508 B
JavaScript
13 lines
508 B
JavaScript
import React from 'react';
|
|
|
|
const TrueFocus = ({ children, className = '' }) => {
|
|
return (
|
|
<div className={`relative inline-block ${className}`}>
|
|
<div className="relative z-10">{children}</div>
|
|
<div className="absolute inset-0 bg-campfire-amber/20 blur-md animate-pulse rounded-md"></div>
|
|
<div className="absolute inset-0 bg-gradient-to-r from-campfire-amber/0 via-campfire-amber/30 to-campfire-amber/0 animate-shimmer rounded-md"></div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default TrueFocus;
|