<commit_before>/* eslint-disable react/forbid-prop-types */
/* eslint-disable arrow-body-style */
import React from 'react';
import PropTypes from 'prop-types';
import { Text } from 'react-native';

import { FlexRow } from './FlexRow';
import { SpacedChildren, Spacer } from './Spacer';
import { WithFixedDimensions } from './WithFixedDimensions';

import { APP_FONT_FAMILY, DARKER_GREY, WHITE } from '../globalStyles';

export const EditorRow = ({ children, label = '', Icon, containerStyle, labelStyle }) => {
  return (
    <FlexRow flex={1} alignItems="center" justifyContent="flex-start" style={containerStyle}>
      <WithFixedDimensions width={30}>{Icon}</WithFixedDimensions>
      <Spacer space={20} />
      <Text style={labelStyle}>{label}</Text>
      <SpacedChildren space={0}>{children}</SpacedChildren>
    </FlexRow>
  );
};

EditorRow.defaultProps = {
  containerStyle: { maxHeight: 60, backgroundColor: WHITE, paddingHorizontal: 30 },
  labelStyle: {
    fontSize: 12,
    fontFamily: APP_FONT_FAMILY,
    color: DARKER_GREY,
    marginRight: 'auto',
    width: 120,
  },
};

EditorRow.propTypes = {
  children: PropTypes.node.isRequired,
  label: PropTypes.string.isRequired,
  Icon: PropTypes.node.isRequired,
  containerStyle: PropTypes.object,
  labelStyle: PropTypes.object,
};
<commit_msg>Remove padding on editor rows<commit_after>/* eslint-disable react/forbid-prop-types */
/* eslint-disable arrow-body-style */
import React from 'react';
import PropTypes from 'prop-types';
import { Text } from 'react-native';

import { FlexRow } from './FlexRow';
import { SpacedChildren, Spacer } from './Spacer';
import { WithFixedDimensions } from './WithFixedDimensions';

import { APP_FONT_FAMILY, DARKER_GREY, WHITE } from '../globalStyles';

export const EditorRow = ({ children, label = '', Icon, containerStyle, labelStyle }) => {
  return (
    <FlexRow flex={1} alignItems="center" justifyContent="flex-start" style={containerStyle}>
      <WithFixedDimensions width={30}>{Icon}</WithFixedDimensions>
      <Spacer space={20} />
      <Text style={labelStyle}>{label}</Text>
      <SpacedChildren space={0}>{children}</SpacedChildren>
    </FlexRow>
  );
};

EditorRow.defaultProps = {
  containerStyle: { maxHeight: 60, backgroundColor: WHITE },
  labelStyle: {
    fontSize: 12,
    fontFamily: APP_FONT_FAMILY,
    color: DARKER_GREY,
    marginRight: 'auto',
    width: 120,
  },
};

EditorRow.propTypes = {
  children: PropTypes.node.isRequired,
  label: PropTypes.string.isRequired,
  Icon: PropTypes.node.isRequired,
  containerStyle: PropTypes.object,
  labelStyle: PropTypes.object,
};

{'fraction_non_alphanumeric': 0.14432989690721648, 'fraction_numerical': 0.010691103474608629, 'mean_word_length': 4.469728601252609, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 23, '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': '3592864', 'n_tokens_mistral': 852, 'n_tokens_neox': 821, 'n_words': 180}