+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "withTheme"
keywords = ["grafana","documentation","sdk","@grafana/ui"]
type = "docs"
+++

## withTheme variable

### withTheme variable

<b>Signature</b>

```typescript
withTheme: <P extends Themeable, S extends {} = {}>(Component: React.ComponentType<P>) => React.FunctionComponent<Pick<P, Exclude<keyof P, "theme">>> & S
```
<b>Import</b>

```typescript
import { withTheme } from '@grafana/ui';
```