Function AlertBlock

apps/dokploy/components/shared/alert-block.tsx:30–57

({
	type = "info",
	icon,
	children,
	className,
	...props
}: Props)

};

export function AlertBlock({
	type = "info",
	icon,
	children,
	className,
	...props
}: Props) {
	const { className: iconClassName, icon: Icon } = iconMap[type];
	return (
		<div
			{...props}
			className={cn(
				"flex items-start flex-row gap-4 rounded-lg p-2",
				iconClassName,
				className,
			)}
		>
			<div className="flex-shrink-0 mt-0.5">
				{icon || <Icon className="text-current" />}
			</div>
			<div className="flex-1 min-w-0">
				<span className="text-sm text-current break-words overflow-wrap-anywhere whitespace-pre-wrap">
					{children}
				</span>
			</div>
		</div>
	);
}