goobs-frontend/dist/theme/appbar.d.ts

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface AppBarTheme {
    container: {
        backgroundColor: string;
        backgroundImage?: string;
        border: string;
        borderRadius: string;
        boxShadow: string;
        backdropFilter?: string;
        animation?: string;
    };
    toolbar: {
        padding: string;
        minHeight: string;
        gap?: string;
    };
    glyph: {
        color: string;
        fontSize: string;
        animation?: string;
    };
    shimmer?: {
        background: string;
        animation?: string;
    };
    transition: string;
}
export interface AppBarStyles {
    theme?: 'light' | 'dark' | 'sacred';
    backgroundColor?: string;
    backgroundImage?: string;
    borderColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    boxShadow?: string;
    backdropFilter?: string;
    containerAnimation?: string;
    toolbarPadding?: string;
    toolbarMinHeight?: string;
    toolbarGap?: string;
    margin?: string;
    marginTop?: string;
    marginBottom?: string;
    marginLeft?: string;
    marginRight?: string;
    position?: 'static' | 'fixed' | 'absolute' | 'sticky' | 'relative';
    top?: string;
    left?: string;
    right?: string;
    width?: string;
    maxWidth?: string;
    minWidth?: string;
    height?: string;
    maxHeight?: string;
    minHeight?: string;
    zIndex?: number;
    glyphColor?: string;
    glyphFontSize?: string;
    glyphAnimation?: string;
    shimmerBackground?: string;
    shimmerAnimation?: string;
    transitionDuration?: string;
    transitionEasing?: string;
    disabled?: boolean;
    elevated?: boolean;
}
export declare const appBarThemes: Record<'light' | 'dark' | 'sacred', AppBarTheme>;
export declare const getAppBarTheme: (styles?: AppBarStyles) => AppBarTheme;
export declare const getAppBarStyles: (styles?: AppBarStyles, isDisabled?: boolean) => {
    container: React.CSSProperties;
    toolbar: React.CSSProperties;
    shimmer: React.CSSProperties | undefined;
    glyph: React.CSSProperties;
};
//# sourceMappingURL=appbar.d.ts.map