Initial commit: WordPress wp-content (themes, plugins, languages)

- Theme: momentry (custom theme with REST API routes)
- Plugins: code-snippets (contains all API proxies)
- Languages: zh_TW translations
- Excludes: cache, backups, uploads, logs

plugins/code-snippets/js/components/common/Badge.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import classnames from 'classnames'
+import type { ReactNode } from 'react'
+import type { SnippetType } from '../../types/Snippet'
+
+export type BadgeName = SnippetType | 'core' | 'pro' | 'ai' | 'cloud' | 'bundles' | 'cloud_search' | 'beta'
+
+const badgeIcons: Partial<Record<BadgeName, string>> = {
+	cond: 'randomize',
+	cloud: 'cloud',
+	bundles: 'screenoptions',
+	cloud_search: 'search'
+}
+
+export interface BadgeProps {
+	name: BadgeName
+	small?: boolean
+	inverted?: boolean
+	children?: ReactNode
+}
+
+export const Badge: React.FC<BadgeProps> = ({ name, small, inverted, children }) =>
+	<span className={classnames('badge', `${name}-badge`, { 'small-badge': small, 'inverted-badge': inverted })}>
+		{badgeIcons[name]
+			? <span className={`dashicons dashicons-${badgeIcons[name]}`} />
+			: children ?? name}
+	</span>