import { cn } from "@/lib/utils";
import type { ComponentPropsWithoutRef } from "react";

export function GlassCard({ className, ...props }: ComponentPropsWithoutRef<"div">) {
  return (
    <div
      className={cn(
        "glass rounded-3xl p-5 relative overflow-hidden animate-aura-slide-up",
        className,
      )}
      {...props}
    />
  );
}

export function SectionLabel({ children }: { children: React.ReactNode }) {
  return (
    <div className="flex items-center justify-between px-1">
      <h2 className="text-[10px] font-semibold text-muted-foreground uppercase tracking-[0.2em]">
        {children}
      </h2>
    </div>
  );
}