render(() => {
  const [checked, setChecked] = React.useState(false)
  return (
    <StackView axis="horizontal" spacing={3}>
      <Button
        onClick={() => setChecked(!checked)}
        title="Toggle path"
        variant="outline"
      />
      <Icon size="xl">
        <Icon.Path
          name="general.checkCircle"
          visible={checked}
          color="success"
        />
        <Icon.Path
          name="general.outlinedCircleCheck"
          visible={!checked}
          color="grey-5"
        />
      </Icon>
    </StackView>
  )
})