interface PlatformData { ios: number; android: number; } interface PlatformDonutProps { data?: PlatformData; loading?: boolean; } const DEFAULT_DATA: PlatformData = { ios: 45, android: 55 }; export default function PlatformDonut({ data = DEFAULT_DATA, loading }: PlatformDonutProps) { const { ios, android } = data; return (
{loading && (
)}

플랫폼 비율

{/* 도넛 차트 */}
{/* 배경 원 */} {/* Android (teal) */} {/* iOS (primary blue) */} {/* 중앙 텍스트 */}
Total Devices
{/* 범례 */}
iOS
{ios}%
Android
{android}%
); }