Badge Group

import { BadgeGroup } from "omnira-ui/BadgeGroup";

export default function Notifications() {
    return (
        <div style={{ display: "flex", flexDirection: "column", gap: 12 }}>
            <BadgeGroup
                addonText="New feature"
                color="brand"
                theme="modern"
                align="leading"
                size="md"
            >
                We've just released a new feature
            </BadgeGroup>
            <BadgeGroup
                addonText="Warning"
                color="warning"
                theme="modern"
                align="trailing"
                size="md"
            >
                Just to let you know this might be a problem
            </BadgeGroup>
            <BadgeGroup
                addonText="Success"
                color="success"
                theme="light"
                align="trailing"
                size="lg"
                onClick={() => console.log("clicked")}
            >
                You've updated your profile and details
            </BadgeGroup>
        </div>
    );
}