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> ); }