RewardCategories

import React from "react";
import {
  RewardCategories,
  FloatingParticles,
} from "@/components/ui/reward-categories";

const settings = {
  particleCount: 20,
};

export default function Demo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <div className="h-screen w-screen relative flex items-center justify-center bg-[#0d0d0d] overflow-hidden">
      <FloatingParticles count={s.particleCount} />
      <div className="relative z-10 w-full max-w-xl px-4">
        <RewardCategories onArtifactClick={() => {}} />
      </div>
    </div>
  );
}