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

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface ToolbarTheme {
    container: {
        background: string;
        border: string;
        borderRadius: string;
        boxShadow: string;
        backdropFilter: string;
        padding: string;
        backgroundImage?: string;
        animation?: string;
    };
    glyph: {
        color: string;
        fontSize: string;
        animation?: string;
    };
    transition: string;
}
export interface ToolbarStyles {
    theme?: 'light' | 'dark' | 'sacred';
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    boxShadow?: string;
    backdropFilter?: string;
    backgroundImage?: string;
    padding?: string;
    containerAnimation?: string;
    glyphColor?: string;
    glyphFontSize?: string;
    glyphAnimation?: string;
    gap?: string;
    margin?: string;
    marginTop?: string;
    marginBottom?: string;
    marginLeft?: string;
    marginRight?: string;
    transitionDuration?: string;
    transitionEasing?: string;
    disabled?: boolean;
    outline?: boolean;
    width?: string;
    maxWidth?: string;
    minWidth?: string;
    height?: string;
    maxHeight?: string;
    minHeight?: string;
}
export declare const toolbarThemes: Record<'light' | 'dark' | 'sacred', ToolbarTheme>;
export declare const getToolbarTheme: (styles?: ToolbarStyles) => ToolbarTheme;
export declare const getToolbarStyles: (styles?: ToolbarStyles, isDisabled?: boolean) => {
    container: React.CSSProperties;
    glyph: React.CSSProperties;
    desktopLeft: React.CSSProperties;
    desktopRight: React.CSSProperties;
    tabletContainer: React.CSSProperties;
    mobileContainer: React.CSSProperties;
    mobileRow: React.CSSProperties;
};
//# sourceMappingURL=toolbar.d.ts.map