export declare const icon = "\n    h-5 w-5 \n    group-data-[type=error]:text-red-400\n    group-data-[type=warning]:text-yellow-400\n    group-data-[type=success]:text-green-400\n    group-data-[type=info]:text-blue-400\n";
export declare const container = "\n    rounded-md p-4 group\n    data-[type=error]:bg-red-50\n    data-[type=warning]:bg-yellow-50\n    data-[type=success]:bg-green-50\n    data-[type=info]:bg-blue-50 \n";
export declare const title = "\n    text-sm font-medium [overflow-wrap:anywhere] \n    group-data-[type=error]:text-red-800\n    group-data-[type=warning]:text-yellow-800\n    group-data-[type=success]:text-green-800\n    group-data-[type=info]:text-blue-800\n";
export declare const message = "\n    mt-2 text-sm [overflow-wrap:anywhere] \n    group-data-[type=error]:text-red-700\n    group-data-[type=warning]:text-yellow-700\n    group-data-[type=success]:text-green-700\n    group-data-[type=info]:text-blue-700\n";
export declare const insideAlert = "flex";
export declare const iconContainer = "flex-shrink-0";
export declare const messageContainer = "ml-3";
//# sourceMappingURL=styles.d.ts.map