forked from github/plane
5b0066140f
* chore: format all files in the project * fix: removing @types/react from dependencies * fix: adding prettier and eslint config * chore: format files * fix: upgrading turbo version * chore: ignoring warnings and adding todos * fix: updated the type of bubble menu item in the document editor * chore: format files --------- Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>
22 lines
512 B
TypeScript
22 lines
512 B
TypeScript
import { Icon } from "lucide-react";
|
|
|
|
interface IAlertLabelProps {
|
|
Icon?: Icon;
|
|
backgroundColor: string;
|
|
textColor?: string;
|
|
label: string;
|
|
}
|
|
|
|
export const AlertLabel = (props: IAlertLabelProps) => {
|
|
const { Icon, backgroundColor, textColor, label } = props;
|
|
|
|
return (
|
|
<div
|
|
className={`flex h-7 items-center gap-2 rounded-full px-3 py-0.5 text-xs font-medium ${backgroundColor} ${textColor}`}
|
|
>
|
|
{Icon && <Icon className="h-3 w-3" />}
|
|
<span>{label}</span>
|
|
</div>
|
|
);
|
|
};
|