<commit_before>import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
import IconColorful from '../../content/IconColorful/IconColorful'

const FooterContent = styled.div`
  flex-grow: 1;
  padding: 0 0 0 84.7px;

  & a {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 35px;
    color: #fff;

    &:hover {
      text-decoration: underline;
    }
  }
`

const Footer = styled(({ children, className, btnHelpLabel, btnHelpClick }) => (
  <div className={className}>
    <IconColorful name='bonde' size={115} inverted />
    <FooterContent>
    {children}
    </FooterContent>
  </div>
))`
  ${props => props.fixed && `
    position: absolute;
    bottom: 0;
  `}
  display: flex;
  align-items: center;
  height: 94px;
  background: #000;
  padding: 0 150px;
  overflow: hidden;
  width: auto;
`

const { oneOfType, node, func, string } = PropTypes

Footer.propTypes = {
  /** The content of the footer. */
  children: oneOfType([node, func]),
  /** The help button label text. */
  btnHelpLabel: string,
  /** The help button onClick event handler function. */
  btnHelpClick: func
}

Footer.displayName = 'Footer'

/** @component */
export default Footer<commit_msg>fix(styleguide): full size when fixed footer<commit_after>import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
import IconColorful from '../../content/IconColorful/IconColorful'

const FooterContent = styled.div`
  flex-grow: 1;
  padding: 0 0 0 84.7px;

  & a {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 35px;
    color: #fff;

    &:hover {
      text-decoration: underline;
    }
  }
`

const Footer = styled(({ children, className, btnHelpLabel, btnHelpClick }) => (
  <div className={className}>
    <IconColorful name='bonde' size={115} inverted />
    <FooterContent>
    {children}
    </FooterContent>
  </div>
))`
  ${props => props.fixed && `
    position: absolute;
    bottom: 0;
  `}
  display: flex;
  align-items: center;
  height: 94px;
  background: #000;
  padding: 0 150px;
  overflow: hidden;
  width: ${props => props.fixed ? '100%' : 'auto'};
`

const { oneOfType, node, func, string } = PropTypes

Footer.propTypes = {
  /** The content of the footer. */
  children: oneOfType([node, func]),
  /** The help button label text. */
  btnHelpLabel: string,
  /** The help button onClick event handler function. */
  btnHelpClick: func
}

Footer.displayName = 'Footer'

/** @component */
export default Footer
{'fraction_non_alphanumeric': 0.14096916299559473, 'fraction_numerical': 0.02092511013215859, 'mean_word_length': 3.3322734499205087, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 18, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1372213', 'n_tokens_mistral': 962, 'n_tokens_neox': 901, 'n_words': 249}