import { __makeTemplateObject } from "tslib";
import styled, { css } from "styled-components";
import { BorderRadius, Padding } from "../../../Pallette/style-utils";
import { Shape } from "../../../Pallette/Shape";
import { LIGHT_THEME } from "../../../Pallette/themes";
import { defaultThemeRoll } from "../../theme";
import { getTheme } from "../../../utils/theme/getTheme";
export var HeaderRollStyled = styled.div.attrs(function (props) { return ({
    theme: getTheme({
        theme: props.theme,
        defaultTheme: defaultThemeRoll,
        componentName: "roll"
    })
}); })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  max-width: 100%;\n  flex-wrap: wrap;\n  gap: 12px;\n  justify-content: space-between;\n  ", ";\n\n  ", ";\n\n  .text {\n    text-overflow: ", ";\n    overflow: hidden;\n    white-space: nowrap;\n    min-width: 32px;\n  }\n\n  button {\n    margin: 0;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  max-width: 100%;\n  flex-wrap: wrap;\n  gap: 12px;\n  justify-content: space-between;\n  ", ";\n\n  ", ";\n\n  .text {\n    text-overflow: ", ";\n    overflow: hidden;\n    white-space: nowrap;\n    min-width: 32px;\n  }\n\n  button {\n    margin: 0;\n  }\n"])), function (_a) {
    var size = _a.size;
    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", ";\n  "], ["\n    ", ";\n  "])), size === "l" ? Padding.allSide(4, 5) : Padding.allSide(3, 5));
}, function (_a) {
    var theme = _a.theme;
    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", ";\n    background: ", ";\n    .title {\n      color: ", ";\n    }\n\n    .sub-title {\n      color: ", ";\n    }\n  "], ["\n    ", ";\n    background: ", ";\n    .title {\n      color: ", ";\n    }\n\n    .sub-title {\n      color: ", ";\n    }\n  "])), BorderRadius.roundBorder(Shape.borderRadiusMedium), theme.components.roll.background, theme.components.roll.color, theme.components.roll.colorSubText);
}, function (_a) {
    var textOverflow = _a.textOverflow;
    return textOverflow;
});
HeaderRollStyled.defaultProps = {
    theme: LIGHT_THEME
};
export var LeadContentStyled = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  max-width: 100%;\n"], ["\n  display: flex;\n  gap: 8px;\n  max-width: 100%;\n"])));
export var TrailContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n"], ["\n  display: flex;\n  gap: 8px;\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
