export default function Example() {
  return (
    <Drawer.Root id="low-contrast">
      <Drawer.Trigger>See bad example</Drawer.Trigger>
      <Drawer.Content
        css={{ backgroundColor: "$primary", color: "$onDisabled" }}
        height="200px"
      >
        <Drawer.Close /> Text should be accessible
      </Drawer.Content>
      <Drawer.Scrim />
    </Drawer.Root>
  );
}

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