<commit_before>import styled from 'styled-components'

const getSize = name => props =>
  props[name] ? `var(--size-${props[name]})` : undefined

const Spacer = styled.div`
  width: ${getSize('w')};
  height: ${getSize('h')};
`

export default Spacer<commit_msg>style: don't access prop with dynamic name<commit_after>import styled from 'styled-components'

const getSize = name => ({ [name]: size }) =>
  size ? `var(--size-${size})` : undefined

const Spacer = styled.div`
  width: ${getSize('w')};
  height: ${getSize('h')};
`

export default Spacer
{'fraction_non_alphanumeric': 0.18659420289855072, 'fraction_numerical': 0.0, 'mean_word_length': 5.010869565217392, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '2952910', 'n_tokens_mistral': 187, 'n_tokens_neox': 189, 'n_words': 48}