export default function Example() {
  return (
    <Box>
      <Tooltip.Provider>
        <Tooltip.Root defaultOpen={true}>
          <Tooltip.Trigger>
            <Box
              css={{
                textDecoration: "underline",
                fontWeight: theme.fontWeights.light,
                fontSize: theme.fontSizes[100],
                color: theme.colors.accessible,
              }}
            >
              Find your state
            </Box>
          </Tooltip.Trigger>
          <Tooltip.Content side="bottom">
            <InputText icon="right" label="Search">
              <Icon label="State">
                <Search />
              </Icon>
            </InputText>
          </Tooltip.Content>
        </Tooltip.Root>
      </Tooltip.Provider>
    </Box>
  );
}

To enter the code editing mode, press Enter. To exit the edit mode, press Escape

You are editing the code. To exit the edit mode, press Escape