6a30138b3c
Signed-off-by: Bernard Setz <bernard.setz@portainer.io> Co-authored-by: bernard-portainer <bernard.setz@portainer.io> Co-authored-by: Ali <83188384+testA113@users.noreply.github.com> Co-authored-by: Yajith Dayarathna <yajith.dayarathna@portainer.io> Co-authored-by: Chaim Lev-Ari <chiptus@users.noreply.github.com> Co-authored-by: andres-portainer <91705312+andres-portainer@users.noreply.github.com> Co-authored-by: Josiah Clumont <josiah.clumont@portainer.io> Co-authored-by: Dakota Walsh <101994734+dakota-portainer@users.noreply.github.com>
23 lines
507 B
TypeScript
23 lines
507 B
TypeScript
import clsx from 'clsx';
|
|
|
|
export function SnapshotBadge() {
|
|
return (
|
|
<span
|
|
className={clsx(
|
|
'flex items-center gap-2 rounded-xl',
|
|
'w-fit px-2 py-px',
|
|
'text-xs font-bold',
|
|
'bg-warning-7/20 text-warning-7'
|
|
)}
|
|
aria-label="status-badge"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
aria-label="edge-heartbeat"
|
|
className={clsx('block h-2 w-2 rounded-full', 'bg-warning-7')}
|
|
/>
|
|
<span>Snapshot available</span>
|
|
</span>
|
|
);
|
|
}
|