I have an index file for my `assets` folder that has grouped image exports like following one

```
// assets/index.ts
export const UI_ELEMENTS = {
  BUTTON_BLUE_ACTIVE: require("./button_blue_active.png"),
  BUTTON_BLUE_DISABLED: require("./button_blue_disabled.png"),
  BUTTON_BLUE_HOVER: require("./button_blue_hover.png")
}

```

I then proceed to use this like in some of my files

```
import { UI_ELEMENTS } from "./assets/index.ts"

const buttonImage = UI_ELEMENTS[`BUTTON_BLUE_${variant}`]

```

As you can see variant is dynamic i.e can be `ACTIVE` `DISABLED` or `HOVER` depending on circumstances.

I get following type error for `buttonImage`

> 
> [ts] Element implicitly has an 'any' type because type '{
>  BUTTON\_BLUE\_ACTIVE: any; BUTTON\_BLUE\_DISABLED: any; BUTTON\_BLUE\_HOVER: any; }' has no index
>  signature. [7017]
> 
> 
> 

I'm trying to figure out how I should type my `UI_ELEMENTS` in order to keep auto completion active and get rid of this error.