"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const getTileBgStyles = (className, color) => {
    return {
        className: `.${className}.app-tile`,
        style: {
            'background-color': color
        }
    };
};
const getTileBgdtStyles = (className, color) => {
    return [{
            className: `.${className}.app-tile`,
            style: {
                'background-color': color
            }
        }
    ];
};
exports.default = {
    getStyleDefs: () => ([{
            className: '.app-tile',
            rnStyleSelector: 'app-tile.root',
            studioStyleSelector: '.app-tile',
            style: {},
            dtStyle: {
                'background-color': 'var(--wm-tile-background)',
                'border-radius': 'var(--wm-tile-radius)',
                'padding': 'var(--wm-tile-padding)',
                'border-width': 'var(--wm-border-width)',
                'border-style': 'var(--wm-border-style)',
                'border-color': 'var(--wm-btn-default-outlined-background)'
                // 'box-shadow':'var(--wm-tile-shadow)'
            }
        },
        {
            className: ".app-tile-skeleton",
            rnStyleSelector: "app-tile.skeleton",
            studioStyleSelector: ".app-tile-skeleton",
            style: {},
            dtStyle: {
                'width': 'var()'
            }
        },
        getTileBgStyles('bg-danger', '@tileDangerColor'),
        getTileBgStyles('bg-info', '@tileInfoColor'),
        getTileBgStyles('bg-primary', '@tilePrimaryColor'),
        getTileBgStyles('bg-success', '@tileSuccessColor'),
        getTileBgStyles('bg-warning', '@tileWarningColor'),
        ...getTileBgdtStyles('bg-default', 'var(--wm-tile-background)'),
        ...getTileBgdtStyles('bg-danger', 'var(--wm-tile-filled-danger-background)'),
        ...getTileBgdtStyles('bg-info', 'var(--wm-tile-filled-info-background)'),
        ...getTileBgdtStyles('bg-primary', 'var(--wm-tile-filled-primary-background)'),
        ...getTileBgdtStyles('bg-secondary', 'var(--wm-tile-filled-secondary-background)'),
        ...getTileBgdtStyles('bg-tertiary', 'var(--wm-tile-filled-tertiary-background)'),
        ...getTileBgdtStyles('bg-success', 'var(--wm-tile-filled-success-background)'),
        ...getTileBgdtStyles('bg-warning', 'var(--wm-tile-filled-warning-background)'),
        {
            className: `.well.app-tile`,
            style: {
                'background-color': '@tileWellbgColor',
                'border-color': '@tileWellBorderColor'
            },
            dtStyle: {
                'padding': 'var(--wm-space-5)',
                'margin-bottom': 'var(--wm-tile-well-margin-bottom)',
                'border-width': 'var(--wm-tile-well-border-width)',
                'background-color': 'var(--wm-tile-well-color)',
                'border-color': 'var(--wm-tile-well-color)',
                'border-style': 'var(--wm-tile-well-border-style)',
                'border-radius': 'var(--wm-tile-well-border-radius)'
            }
        },
        {
            className: '.tile-template-text',
            rnStyleSelector: '.tile-template-text.text',
            studioStyleSelector: '.tile-template-text',
            style: {
                color: '@primaryContrastColor'
            },
            dtStyle: {
                'color': 'var(--wm-tile-template-text)'
            }
        }
    ])
};
//# sourceMappingURL=tile.styledef.js.map