"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const styles_1 = require("../../styles");
const utils_1 = require("../../styles/utils");
const Flex_1 = require("../Flex");
const index_1 = require("../../index");
const getVariant = ({ theme, variant }) => ({
    default: {
        Wrapper: {
            boxShadow: '0 -2px 0 0 #dfe3e6',
        },
        Links: {
            a: {
                color: theme.colors.baseText,
            },
        },
    },
    transparent: {
        Wrapper: {},
        Links: {
            a: {
                color: 'white',
            },
        },
    },
}[variant]);
exports.Wrapper = styles_1.styled.div(props => (Object.assign({ width: '100%', height: props.theme.footer.height }, getVariant(props).Wrapper)));
exports.Inner = styles_1.styled(Flex_1.Flex)(({ theme }) => ({
    height: theme.footer.height,
}));
exports.Links = styles_1.styled.ul(props => (Object.assign({ listStyle: 'none', margin: 0, marginLeft: 'auto', display: 'inline-flex' }, getVariant(props).Links, { li: {
        display: 'inline-flex',
        alignItems: 'center',
        fontSize: '14px',
        lineHeight: '23px',
        marginLeft: '30px',
        fontWeight: 500,
        a: Object.assign({}, utils_1.textLinkInverted, { color: index_1.theme.colors.gray[5], '&:hover': {
                color: index_1.theme.colors.highlightText,
            } }),
    } })));
//# sourceMappingURL=styles.js.map