flowbite-angular/alert/alert.theme.d.ts

<div align="center"> <h1>:construction: flowbite-angular (unreleased) :construction:</h1> <p> <a href="https://flowbite.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src="https://flowbite.s3.amazonaws.com/github/logo-github

import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';
/**
 * Available colors for `AlertComponent`
 */
export type AlertColors = Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'>;
/**
 * Required properties for the class generation of `AlertComponent`
 */
export interface AlertProperties {
    color: keyof AlertColors;
    hasBorder: keyof FlowbiteBoolean;
    hasBorderAccent: keyof FlowbiteBoolean;
    customStyle: DeepPartial<AlertTheme>;
}
/**
 * Theme definition for `AlertComponent`
 */
export interface AlertTheme {
    root: {
        base: string;
        color: AlertColors;
        hasBorder: FlowbiteBoolean;
        hasBorderAccent: FlowbiteBoolean;
    };
    closeButton: {
        base: string;
        color: AlertColors;
    };
}
/**
 * Default theme for `AlertComponent`
 */
export declare const alertTheme: AlertTheme;
/**
 * Generated class definition for `AlertComponent`
 */
export interface AlertClass extends FlowbiteClass {
    closeButtonClass: string;
}