export default function Example() {
  return (
    <>
      <Box
        css={{
          display: "flex",
          width: 500,
          rowGap: "$100",
          flexDirection: "column",
        }}
      >
        <Select.Root defaultValue="tv">
          <Select.Trigger aria-label="example-4">
            <Select.Label>How did you hear about us?</Select.Label>
            <Select.Value />
          </Select.Trigger>
          <Select.Content>
            <Select.Item value="tv">
              From a television, magazine or newspaper or other print or media
              options.
            </Select.Item>
            <Select.Item value="ig">instagram</Select.Item>
            <Select.Item value="tiktok">tiktok</Select.Item>
            <Select.Item value="fb">facebook ads</Select.Item>
            <Select.Item value="google">
              google search or search engine
            </Select.Item>
          </Select.Content>
        </Select.Root>
      </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