"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "config", {
    enumerable: true,
    get: function() {
        return config;
    }
});
const _emotion = require("@salutejs/plasma-new-hope/emotion");
const config = {
    defaults: {
        view: 'default'
    },
    variations: {
        view: {
            default: (0, _emotion.css)`
                ${(0, _emotion.getBaseGridView)({
                [_emotion.gridTokens.smallMMinWidth]: 0,
                [_emotion.gridTokens.mediumSMinWidth]: '35rem',
                [_emotion.gridTokens.mediumMMinWidth]: '49.125rem',
                [_emotion.gridTokens.largeSMinWidth]: '60rem',
                [_emotion.gridTokens.largeMMinWidth]: '75rem'
            }, 'default')};

                ${_emotion.gridTokens.smallMColsCount}: 6;
                ${_emotion.gridTokens.smallMGap}: 0.5rem;
                ${_emotion.gridTokens.smallMMargin}: 1rem;
                ${_emotion.gridTokens.smallMMinWidth}: 0;

                ${_emotion.gridTokens.mediumSColsCount}: 12;
                ${_emotion.gridTokens.mediumSGap}: 0.5rem;
                ${_emotion.gridTokens.mediumSMargin}: 1.25rem;
                ${_emotion.gridTokens.mediumSMinWidth}: 35rem;

                ${_emotion.gridTokens.mediumMColsCount}: 18;
                ${_emotion.gridTokens.mediumMGap}: 0.5rem;
                ${_emotion.gridTokens.mediumMMargin}: 1.75rem;
                ${_emotion.gridTokens.mediumMMinWidth}: 49.125rem;

                ${_emotion.gridTokens.largeSColsCount}: 24;
                ${_emotion.gridTokens.largeSGap}: 0.5rem;
                ${_emotion.gridTokens.largeSMargin}: 2.5rem;
                ${_emotion.gridTokens.largeSMinWidth}: 60rem;

                ${_emotion.gridTokens.largeMColsCount}: 30;
                ${_emotion.gridTokens.largeMGap}: 0.5rem;
                ${_emotion.gridTokens.largeMMargin}: 4rem;
                ${_emotion.gridTokens.largeMMinWidth}: 75rem;
            `
        }
    }
};
