Image:

```jsx
const preview =
  'data:image/png;base64,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';

<Image
  src="https://octodex.github.com/images/welcometocat.png"
  alt="Welcometocat"
  preview={preview}
  width={896}
  height={896}
/>;
```

```jsx
const { Button } = require('../Button');
initialState = {
  image: null,
};

const handleImageChange = () => {
  setState({
    image: `https://picsum.photos/1500/1500/?${Math.floor(Math.random() * 20)}`,
  });
};

<>
  <Button onClick={handleImageChange} theme="primary" size="small">
    Change image
  </Button>
  <hr />
  <Image src={state.image} width={300} height={300} />
</>;
```
