Files
Cara Ryan 6a30138b3c feat(home): environment home page ui improvements to highlight groups [C9S-23] (#2487)
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>
2026-04-29 14:59:39 +12:00

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>
);
}