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