<commit_before>import React from "react"
import Grid from "@material-ui/core/Grid"
import useStyles from "./formStyles"

type Props = {
  title: string
}

const RequiredTextLabel = ({ title }: Props) => {
  const classes = useStyles()

  return (
    <Grid item xs={12} md={3}>
      <span className={classes.requiredText}>*</span> {title}:
    </Grid>
  )
}
<commit_msg>refactor: use typography for required labels<commit_after>import React from "react"
import Typography, { TypographyProps } from "@material-ui/core/Typography"

type Props = {
  /** Required label to display */
  title: string
  /** Typography variant for title */
  variant?: TypographyProps["variant"]
}

const RequiredTextLabel = ({ title, variant = "body1" }: Props) => {
  return (
    <React.Fragment>
      <Typography component="span" color="error">
        *
      </Typography>
      &nbsp;
      <Typography variant={variant} component="span">
        {title}:
      </Typography>
    </React.Fragment>
  )
}

{'fraction_non_alphanumeric': 0.14545454545454545, 'fraction_numerical': 0.00404040404040404, 'mean_word_length': 3.424107142857143, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 15, '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': '4219897', 'n_tokens_mistral': 306, 'n_tokens_neox': 307, 'n_words': 79}