<commit_before>import React from 'react'
import styled from 'styled-components'

import ActionButton from './action-button'
import propTypes from './prop-types-decorator'

const Button = styled(ActionButton)`
  background-color: ${p => p.theme[`${p.state ? 'enabled' : 'disabled'}StateBg`]}
  border: 2px solid ${p => p.theme[`${p.state ? 'enabled' : 'disabled'}StateColor`]}
  color: ${p => p.theme[`${p.state ? 'enabled' : 'disabled'}StateColor`]}
`

const StateButton = ({
  disabledHandler,
  disabledHandlerParam,
  disabledLabel,
  disabledTooltip,

  enabledLabel,
  enabledTooltip,
  enabledHandler,
  enabledHandlerParam,

  state,
  ...props
}) =>
  <Button<commit_msg>fix(StateButton): missing semicolons in CSS<commit_after>import React from 'react'
import styled from 'styled-components'

import ActionButton from './action-button'
import propTypes from './prop-types-decorator'

const Button = styled(ActionButton)`
  background-color: ${p => p.theme[`${p.state ? 'enabled' : 'disabled'}StateBg`]};
  border: 2px solid ${p => p.theme[`${p.state ? 'enabled' : 'disabled'}StateColor`]};
  color: ${p => p.theme[`${p.state ? 'enabled' : 'disabled'}StateColor`]};
`

const StateButton = ({
  disabledHandler,
  disabledHandlerParam,
  disabledLabel,
  disabledTooltip,

  enabledLabel,
  enabledTooltip,
  enabledHandler,
  enabledHandlerParam,

  state,
  ...props
}) =>
  <Button
{'fraction_non_alphanumeric': 0.15959741193386054, 'fraction_numerical': 0.0014378145219266715, 'mean_word_length': 4.9742489270386265, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 11, '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': '784942', 'n_tokens_mistral': 450, 'n_tokens_neox': 445, 'n_words': 101}