/* stylelint-disable */ // TODO:
import styled, { css } from 'styled-components';
import { primary, secondary, tertiary } from '../../tokens';
import { Body1, Body2, ParagraphText1, ParagraphText2, Headline1, Headline2, Headline3, Footnote1, Footnote2 } from '../Typography';
var views = {
    primary: primary,
    secondary: secondary,
    tertiary: tertiary
};
var linesMixin = function linesMixin(param) {
    var _param_lines = param.lines, lines = _param_lines === void 0 ? 2 : _param_lines;
    return css([
        "display:-webkit-box;overflow:hidden;box-sizing:border-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:",
        ";"
    ], lines);
};
var viewMixin = function viewMixin(param) {
    var _param_view = param.view, view = _param_view === void 0 ? 'primary' : _param_view;
    return css([
        "transition:",
        ";color:",
        ";"
    ], function(param) {
        var theme = param.theme;
        return theme.lowPerformance ? 'unset' : 'color 0.1s ease-in-out';
    }, views[view]);
};
export var CardHeadline1 = styled(Headline1).withConfig({
    displayName: "CardTypography__CardHeadline1",
    componentId: "sc-ebd1f68e-0"
})([
    "",
    ";"
], viewMixin);
export var CardHeadline2 = styled(Headline2).withConfig({
    displayName: "CardTypography__CardHeadline2",
    componentId: "sc-ebd1f68e-1"
})([
    "",
    ";"
], viewMixin);
export var CardHeadline3 = styled(Headline3).withConfig({
    displayName: "CardTypography__CardHeadline3",
    componentId: "sc-ebd1f68e-2"
})([
    "",
    ";"
], viewMixin);
export var CardFootnote1 = styled(Footnote1).withConfig({
    displayName: "CardTypography__CardFootnote1",
    componentId: "sc-ebd1f68e-3"
})([
    "",
    ";"
], viewMixin);
export var CardFootnote2 = styled(Footnote2).withConfig({
    displayName: "CardTypography__CardFootnote2",
    componentId: "sc-ebd1f68e-4"
})([
    "",
    ";"
], viewMixin);
export var CardBody1 = styled(Body1).withConfig({
    displayName: "CardTypography__CardBody1",
    componentId: "sc-ebd1f68e-5"
})([
    "",
    ";",
    ";"
], linesMixin, viewMixin);
export var CardBody2 = styled(Body2).withConfig({
    displayName: "CardTypography__CardBody2",
    componentId: "sc-ebd1f68e-6"
})([
    "",
    ";",
    ";"
], linesMixin, viewMixin);
export var CardParagraph1 = styled(ParagraphText1).withConfig({
    displayName: "CardTypography__CardParagraph1",
    componentId: "sc-ebd1f68e-7"
})([
    "",
    ";",
    ";"
], linesMixin, viewMixin);
export var CardParagraph2 = styled(ParagraphText2).withConfig({
    displayName: "CardTypography__CardParagraph2",
    componentId: "sc-ebd1f68e-8"
})([
    "",
    ";",
    ";"
], linesMixin, viewMixin);
