export default function Example() {
  return (
    <>
      <Box
        css={{
          display: "flex",
          width: 500,
          rowGap: "$100",
          flexDirection: "column",
        }}
      >
        <Select.Root defaultValue="19" error>
          <Select.Trigger aria-label="example-2">
            <Select.Label>Label/Placeholder</Select.Label>
            <Select.Value />
          </Select.Trigger>
          <Select.Content>
            <Select.Item value="19">Value</Select.Item>
            <Select.Item value="20">Option 2 value</Select.Item>
            <Select.Item value="21">Option 3 value</Select.Item>
            <Select.Item value="22">Option 4 value</Select.Item>
            <Select.Item value="23">Option 5 value</Select.Item>
            <Select.Item value="24">Option 6 value</Select.Item>
          </Select.Content>
        </Select.Root>
      </Box>
    </>
  );
}