import CodeRender from '../../CodeRender'

### Diff

<CodeRender code={`
<div class="diff rounded-btn aspect-[16/9]">
  <div class="diff-item-1"><img alt="IceStack" src="/pig.jpg" /></div>
  <div class="diff-item-2"><img alt="IceStack" src="/pig.jpg" /></div>
  <div class="diff-resizer"></div>
</div>

`} />
  
```html
<div class="diff rounded-btn aspect-[16/9]">
  <div class="diff-item-1"><img alt="IceStack" src="/pig.jpg" /></div>
  <div class="diff-item-2"><img alt="IceStack" src="/pig.jpg" /></div>
  <div class="diff-resizer"></div>
</div>

```
### Diff text

<CodeRender code={`
<div class="diff rounded-btn aspect-[16/9]">
  <div class="diff-item-1">
    <div
      class="bg-primary text-primary-content text-4xl lg:text-9xl font-black grid place-content-center"
    >
      IceStack
    </div>
  </div>
  <div class="diff-item-2">
    <div class="bg-base-200 text-4xl lg:text-9xl font-black grid place-content-center">
      IceStack
    </div>
  </div>
  <div class="diff-resizer"></div>
</div>

`} />
  
```html
<div class="diff rounded-btn aspect-[16/9]">
  <div class="diff-item-1">
    <div
      class="bg-primary text-primary-content text-4xl lg:text-9xl font-black grid place-content-center"
    >
      IceStack
    </div>
  </div>
  <div class="diff-item-2">
    <div class="bg-base-200 text-4xl lg:text-9xl font-black grid place-content-center">
      IceStack
    </div>
  </div>
  <div class="diff-resizer"></div>
</div>

```   

    