mirror of
https://github.com/blakeblackshear/frigate.git
synced 2025-12-07 05:54:10 +03:00
19 lines
620 B
React
19 lines
620 B
React
|
import { h } from 'preact';
|
||
|
|
|
||
|
|
export function LiveChip({ className }) {
|
||
|
|
return (
|
||
|
|
<div className={`inline relative px-2 py-1 rounded-full ${className}`}>
|
||
|
|
<div className='relative inline-block w-3 h-3 mr-2'>
|
||
|
|
<span class='flex h-3 w-3'>
|
||
|
|
<span
|
||
|
|
class='animate-ping absolute inline-flex h-full w-full rounded-full opacity-75'
|
||
|
|
style={{ backgroundColor: 'rgb(74 222 128)' }}
|
||
|
|
/>
|
||
|
|
<span class='relative inline-flex rounded-full h-3 w-3' style={{ backgroundColor: 'rgb(74 222 128)' }} />
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<span>Live</span>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|