aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
38 lines • 1.27 kB
TypeScript
import React from "react";
type AchievementTier = "bronze" | "silver" | "gold" | "platinum" | "diamond";
type AchievementCategory = "reading" | "engagement" | "social" | "exploration" | "time" | "special";
interface Achievement {
id: string;
title: string;
description: string;
icon: React.ComponentType<{
className?: string;
}>;
tier: AchievementTier;
category: AchievementCategory;
progress: number;
maxProgress: number;
unlocked: boolean;
unlockedAt?: Date;
rarity: number;
points: number;
prerequisite?: string[];
secret?: boolean;
animated?: boolean;
glowColor: string;
reward?: {
type: "theme" | "badge" | "feature" | "title";
value: string;
};
}
interface GlassTrophyCaseProps {
achievements?: Achievement[];
userStats?: Record<string, number>;
onAchievementUnlock?: (achievement: Achievement) => void;
showProgress?: boolean;
enableSound?: boolean;
className?: string;
}
export declare function GlassTrophyCase({ achievements, userStats, onAchievementUnlock, showProgress, enableSound, className, }: GlassTrophyCaseProps): import("react/jsx-runtime").JSX.Element;
export default GlassTrophyCase;
//# sourceMappingURL=GlassTrophyCase.d.ts.map