export default function ResultsControls()

in src/components/CompareResults/ResultsControls.tsx [26:61]

• 36 lines of code
• 1 McCabe index (conditional complexity)

export default function ResultsControls({
  initialSearchTerm,
  frameworkId,
  resultsPromise,
  onSearchTermChange,
  onFrameworkChange,
}: Props) {
  const mode = useAppSelector((state) => state.theme.mode);
  return (
    <Grid container className={controlsStyles} spacing={2}>
      <Grid item md={6} xs={12}>
        <SearchInput
          defaultValue={initialSearchTerm}
          onChange={onSearchTermChange}
        />
      </Grid>
      <Grid item xs>
        <FormControl sx={{ width: '100%' }}>
          <FrameworkDropdown
            frameworkId={frameworkId}
            size='small'
            variant='outlined'
            mode={mode}
            onChange={onFrameworkChange}
          />
        </FormControl>
      </Grid>
      <Grid item xs>
        <RevisionSelect />
      </Grid>
      <Grid item xs>
        <DownloadButton resultsPromise={resultsPromise} />
      </Grid>
    </Grid>
  );
}