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