import React from 'react';
import styled, { css } from 'styled-components';
/**
 * Компонент для отображения как текстового, так и любого другого контента.
 */ export var CardContent = styled.div.withConfig({
    displayName: "CardContent",
    componentId: "sc-4a3fa268-0"
})([
    "display:flex;flex-direction:column;position:relative;box-sizing:border-box;padding:",
    "rem 1rem;border-radius:inherit;",
    " ",
    ""
], function(param) {
    var compact = param.compact;
    return compact ? 0.375 : 1;
}, function(param) {
    var disabled = param.disabled;
    return disabled && css([
        "opacity:0.5;"
    ]);
}, function(param) {
    var cover = param.cover, _param_coverGradient = param.coverGradient, coverGradient = _param_coverGradient === void 0 ? true : _param_coverGradient;
    return cover && css([
        "position:absolute;top:0;left:0;right:0;bottom:0;justify-content:flex-end;",
        ";"
    ], coverGradient && css([
        "background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 100%);"
    ]));
});
