18 lines
678 B
TypeScript
18 lines
678 B
TypeScript
import { useConfig } from '@/components/ui/ConfigProvider'
|
||
|
||
// Sayfa başlığındaki görünüm/mod rozeti. Badge'in .badge sınıfı katmansız CSS'te sabit kırmızıdır
|
||
// (bildirim sayacı) ve utility sınıfları ezemez; renkler tema renginden gelir, sınıflar
|
||
// tailwind/index.css'teki @source inline listesinde üretilir.
|
||
const PageModeBadge = ({ content }: { content: string }) => {
|
||
const { themeColor } = useConfig()
|
||
|
||
return (
|
||
<span
|
||
className={`rounded-full px-2 py-0.5 text-xs bg-${themeColor}-100 text-${themeColor}-700 dark:bg-${themeColor}-500/20 dark:text-${themeColor}-300`}
|
||
>
|
||
{content}
|
||
</span>
|
||
)
|
||
}
|
||
|
||
export default PageModeBadge
|