Pre-defined imports#

```jsx live
import { Badge } from "@rspress/core/theme"

export const App = () => {
  return (
    <Badge type="info">Some Badge</Badge>
  )
}
```

```jsx live
import React from "react"

export const App = () => {
  const [count, setCount] = React.useState(0)

  const increment = () => {
    setCount(prev => prev + 1)
  }

  const button = (
    <button
      onClick={increment}
    >
      Increment
    </button>
  )

  return (
    <div>Count is: {count}</div>
  )
}
```