export default function Example() {
  return (
    <Box
      css={{
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        width: "100%",
        gap: "$100",
      }}
    ></Box>
  );
}

### Linking

Tabs should not link to another page.

```jsx withPreview
export default function Example() {
  return (
    <Box
      css={{
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        width: "100%",
        gap: "$100",
      }}
    ></Box>
  );
}

---

## Accessibility

### Keyboard interactions

Using the left and right arrow keys will move focus between tabs. You can press enter to make that focused tab active.

---

## API Reference

<PropsTable props={propsTable} />

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