# All files / components/HeaderBar HeaderBar.js

0% Statements 0/8
0% Branches 0/4
0% Functions 0/1
0% Lines 0/4

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

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

    const HeaderBar = styled.div.withConfig({ displayName: 'HeaderBar' })`
      height: 50px;
      display: flex;
      align-items: center;
      border-bottom: ${themeGet('thicknesses.normal')} solid ${themeGet('colors.gray.border')};
      padding-right: ${themeGet('spacing.medium')};
      padding-left: ${themeGet('spacing.medium')};
    `;

    /**
     * @component
     */
    export default HeaderBar;