How to use the baseui.useStyletron function in baseui

function Wrapper(props: any) {
  const [css] = useStyletron();
  const {offset, color, children, forwardedRef} = props;
  return (

function ProgressStepsContainer() {
  const [current, setCurrent] = React.useState(0);
  const [css, theme] = useStyletron();

  return (
    
      
        <div>
          Here is some step content
        </div>

function ProgressStepsContainer() {
  const [current, setCurrent] = React.useState(0);
  const [css, theme] = useStyletron();
  return (
    
      
        <div>
          Here is some step content
        </div>
        Previous
         setCurrent(1)}&gt;
          Next
        
      
      
        <div>
          Here is some more content
        </div>
         setCurrent(0)}&gt;

function GroupList() {
  const [css, theme] = useStyletron();
  const [checkboxes, setCheckboxes] = React.useState([true, false]);

  const allChecked = checkboxes.every(Boolean);
  const isIndeterminate = checkboxes.some(Boolean) && !allChecked;

  return (
    <div>
       {
          const target = e.target as HTMLInputElement;
          setCheckboxes([target.checked, target.checked]);
        }}
        isIndeterminate={isIndeterminate}
        checked={allChecked}
      &gt;
        Indeterminate checkbox if not all subcheckboxes are checked</div>

function CustomTicks() {
  const [value, setValue] = React.useState([4500]);
  const [css, theme] = useStyletron();
  return (
     {
        if (params.value) {
          setValue(params.value);
        } else {
          setValue([]);
        }
      }}
      overrides={{
        ThumbValue: ({$value}) => (

function Tasks(props) {
  const [css] = useStyletron();
  return (
    <div>
      
        Task
        Status
        Last Run
        Details
        {props.tasks.map((task, index) =&gt; {
          return (
            
              {task[0]}</div>

function After() {
  const [css, theme] = useStyletron();
  return (
    <div>
      
    </div>
  );
}

function Negative() {
  const [css, theme] = useStyletron();
  return (
    <div>
      
    </div>
  );
}

function Negative() {
  const [css, theme] = useStyletron();
  return (
    <div>
      
    </div>
  );
}

function Wrapper(props: any) {
  const [css] = useStyletron();
  const {offset, color, children, forwardedRef} = props;
  return (