25 lines
526 B
TypeScript
25 lines
526 B
TypeScript
import clsx from 'clsx'
|
|
import { type HTMLProps } from 'react'
|
|
|
|
type Properties = HTMLProps<SVGElement> & {
|
|
readonly isOnline: boolean;
|
|
}
|
|
|
|
// eslint-disable-next-line unicorn/no-keyword-prefix
|
|
export default function StatusCircle({ isOnline, className }: Properties) {
|
|
return (
|
|
<svg
|
|
className={clsx(
|
|
className,
|
|
isOnline
|
|
? 'text-green-700 dark:text-green-400'
|
|
: 'text-gray-300 dark:text-gray-500'
|
|
)}
|
|
viewBox='0 0 24 24'
|
|
fill='currentColor'
|
|
>
|
|
<circle cx='12' cy='12' r='8'/>
|
|
</svg>
|
|
)
|
|
}
|