text: 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')};
  `;
  
  HeaderBar.defaultProps = {
    className: "scl-header-bar"
  }
  
  /**
   * @component
   */
  export default HeaderBar;
  