<commit_before>import { Component } from 'react'
import Shortcut from './Shortcut'

export default class Shortcuts extends Component {
  constructor (props) {
    super(props)
    this.state = {
      shortcuts: []
    }
  }

  render () {
    return (
      <div className='shortcut-wrapper'>
        {this.props.shortcuts && this.props.shortcuts.map((item, index) => <Shortcut data={item} key={index} />)}
        <style jsx>
          {`
            .shortcut-wrapper {
              display: grid;
              display: -ms-grid;
              grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
              -ms-grid-columns: repeat(auto-fit, minmax(250px, 1fr));
              grid-column-gap: 14px;
              grid-row-gap: 14px;
            }
          `}
        </style>
      </div>
    )
  }
}<commit_msg>Rewrite shortcuts<commit_after>import Shortcut from './Shortcut'

export default ({ shortcuts }) => (
  <div className='shortcut-wrapper'>
    {shortcuts && shortcuts.map((item, index) => <Shortcut data={item} key={index} />)}
    <style jsx>
      {`
        .shortcut-wrapper {
          display: grid;
          display: -ms-grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          -ms-grid-columns: repeat(auto-fit, minmax(250px, 1fr));
          grid-column-gap: 14px;
          grid-row-gap: 14px;
        }
      `}
    </style>
  </div>
)
{'fraction_non_alphanumeric': 0.1499644633972992, 'fraction_numerical': 0.017057569296375266, 'mean_word_length': 1.970464135021097, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 16, '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': '7123340', 'n_tokens_mistral': 478, 'n_tokens_neox': 441, 'n_words': 87}