<commit_before>import { React, PropTypes, styled } from 'vendor';
import LMSPushBtn from './lms-push-btn';
import ExportBtn from './export-btn';
import SettingBtn from './settings-btn';
import UX from './ux';
import SearchInput from '../../components/search-input';
import { colors } from 'theme';

const Wrapper = styled.div`
  display: flex;
  align-items: center;
  padding: 0 24px;
  .input-group {
    width: 250px;
    input {
      height: 100%;
    }
  }
  & .btn.btn-plain {
    border: 1px solid ${colors.neutral.pale};
    padding: 5px 10px;

    &:hover, &.gradebook-btn-selected {
      background-color: ${colors.neutral.lighter}
    }
    &:not(:last-child) {
      margin-right: 16px;
    }
  }
`;

const RightSide = styled.div`
  display: flex;
  align-items: center;
  justify-items: center;
  flex: auto;
  justify-content: flex-end;
`;

const Controls = ({ ux }) => {
  return (<commit_msg>align the controls box of the table<commit_after>import { React, PropTypes, styled } from 'vendor';
import LMSPushBtn from './lms-push-btn';
import ExportBtn from './export-btn';
import SettingBtn from './settings-btn';
import UX from './ux';
import SearchInput from '../../components/search-input';
import { colors } from 'theme';

const Wrapper = styled.div`
  display: flex;
  align-items: center;
  .input-group {
    width: 250px;
    input {
      height: 100%;
    }
  }
  & .btn.btn-plain {
    border: 1px solid ${colors.neutral.pale};
    padding: 5px 10px;

    &:hover, &.gradebook-btn-selected {
      background-color: ${colors.neutral.lighter}
    }
    &:not(:last-child) {
      margin-right: 16px;
    }
  }
`;

const RightSide = styled.div`
  display: flex;
  align-items: center;
  justify-items: center;
  flex: auto;
  justify-content: flex-end;
`;

const Controls = ({ ux }) => {
  return (
{'fraction_non_alphanumeric': 0.1557871640153593, 'fraction_numerical': 0.014810751508502468, 'mean_word_length': 2.982532751091703, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3863274', 'n_tokens_mistral': 650, 'n_tokens_neox': 619, 'n_words': 159}