{"size": 373, "ext": "js", "max_stars_repo_path": "website/js/components/Section.js", "max_stars_repo_name": "sqal/tippyjs", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "website/js/components/Section.js", "max_issues_repo_name": "sqal/tippyjs", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "website/js/components/Section.js", "max_forks_repo_name": "sqal/tippyjs", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.8666666667, "max_line_length": 54, "alphanum_fraction": 0.6434316354}
import { h } from 'hyperapp'
import { toKebabCase } from '../utils'
import Emoji from './Emoji'
import Heading from './Heading'

export default ({ title, emoji }, children) => (
  <section class="section" id={toKebabCase(title)}>
    <Emoji class="section__icon-wrapper" size="large">
      {emoji}
    </Emoji>
    <Heading>{title}</Heading>
    {children}
  </section>
)
