# All files / components/Cards/styles HeaderWrapper.js

0% Statements 0/9
0% Branches 0/6
0% Functions 0/2
0% Lines 0/5

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18

     import styled from 'styled-components';
    import themeGet from 'extensions/themeGet';

    const HeaderWrapper = styled.div`
      color: ${themeGet('colors.background.default')};
      font-size: 1.2em;
      font-weight: 500;
      text-transform: uppercase;
      background: ${props =>
        props.image ? `url(${props.image})` : themeGet('colors.primary.dark')};
      background-size: cover;
      padding: ${themeGet('spacing.medium')};
      padding-top: ${themeGet('spacing.extraLarge')};
      flex: 1;
    `;

    export default HeaderWrapper;