Files
Pasquale Vitiello 2a3b898399 feat(examples): implement the drawer on mobile (#778)
* implement the drawer on obile

* refactor: remove unused media query hook and simplify mobile drawer rendering

* user menu to frawer on moblie

* create an adaptive menu component
2026-05-11 08:53:33 +01:00

23 lines
697 B
TypeScript

import { Badge } from "@coss/ui/components/badge";
import { cn } from "@coss/ui/lib/utils";
import { SparklesIcon } from "lucide-react";
import type * as React from "react";
export function WorkflowBadge({
className,
}: {
className?: string;
}): React.ReactElement {
return (
<Badge
className={cn(
"pointer-events-none ms-auto border-none bg-background bg-linear-to-r from-purple-500/8 to-pink-500/12 text-fuchsia-700 md:max-lg:absolute md:max-lg:-end-1 md:max-lg:-top-1 dark:from-purple-500/16 dark:to-pink-500/20 dark:text-fuchsia-400",
className,
)}
>
<SparklesIcon />
<span className="md:max-lg:sr-only">Cal.ai</span>
</Badge>
);
}