export default function Example() { return ( <> <Box css={{ display: "flex", width: 500, rowGap: "$100", flexDirection: "column", }} > <Select.Root> <Select.Trigger aria-label="Countries"> <Select.Label>Label/Placeholder</Select.Label> <Select.Value /> </Select.Trigger> <Select.Content> <Select.Item value="france">France</Select.Item> <Select.Item value="united-kingdom"> United Kingdom - Scotland, Ireland, Wales, Great Britain </Select.Item> <Select.Item value="spain">Spain</Select.Item> <Select.Item value="peru">Peru</Select.Item> <Select.Item value="chile">Chile</Select.Item> <Select.Item value="ecuador">Ecuador</Select.Item> </Select.Content> </Select.Root> </Box> </> ); }