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

### Default usage

<CodeRender code={
`
<div class="card w-96 bg-base-100 shadow-xl">
  <figure><img src="/panda.jpg" alt="panda" /></figure>
  <div class="card-body">
    <h2 class="card-title">panda!</h2>
    <p>xxxxxx</p>
    <div class="card-actions justify-end">
      <button class="btn btn-primary">See it now</button>
    </div>
  </div>
</div>
`
} />

```html
<div class="card w-96 bg-base-100 shadow-xl">
  <figure><img src="/panda.jpg" alt="panda" /></figure>
  <div class="card-body">
    <h2 class="card-title">panda!</h2>
    <p>I want to see pandas</p>
    <div class="card-actions justify-end">
      <button class="btn btn-primary">See it now</button>
    </div>
  </div>
</div>
```