import { BorderBeam } from "../lightswind/border-beam";

export default function BorderBeamDemo() {
  return (
    <div className="relative p-1 rounded-lg overflow-hidden w-[100%] max-w-[300px] mx-auto mt-10">
      <BorderBeam 
        colorFrom="#ff0000ff" 
        colorTo="#338105ff" 
        size={90}
        duration={6}
        borderThickness={6}
        glowIntensity={6}
      />
      <div className="relative bg-card p-4 rounded-md z-10">
        Content with animated border
      </div>
    </div>
  );
}