feat: muted words

src/pages/secondary/GeneralSettingsPage/SettingItem.tsx

@@ -0,0 +1,21 @@
+import { cn } from '@/lib/utils'
+import { forwardRef, HTMLProps } from 'react'
+
+const SettingItem = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(
+  ({ children, className, ...props }, ref) => {
+    return (
+      <div
+        className={cn(
+          'flex justify-between select-none items-center px-4 min-h-9 [&_svg]:size-4 [&_svg]:shrink-0',
+          className
+        )}
+        {...props}
+        ref={ref}
+      >
+        {children}
+      </div>
+    )
+  }
+)
+SettingItem.displayName = 'SettingItem'
+export default SettingItem