import * as React from "react" ; import { createUseStyles } from "react-jss" ; type Props = { type ? : "default" | "highlight" ; children : React . ReactNode | React . ReactNode [ ] ; } ; const useStyles = createUseStyles ( { label : { fontFamily : "Arial, sans-serif" , fontSize : "0.8rem" , fontWeight : 700 , color : ( props ) => props . type === "highlight" ? "#ffcd75" : "#fff" } } ) ; const Label = ( props ) => { const classes = useStyles ( props ) ; return < span className = { classes . label } > { props . children } < /span>; } ; export { Label } ;