{# @description A visual mockup of a browser window. #}
{# @prop url:text | description:"URL text shown in the mockup's address bar." #}
{# @prop class:text | description:"Extra classes appended to the mockup's root element." #}
{# @slot Page content here. — The content shown inside the mocked browser window. #}
<c-vars url class />
<div class="mockup-browser bg-base-100 w-full border border-base-300 {{ class }}"
     {{ attrs }}>
  <div class="mockup-browser-toolbar">
    <div class="input">{{ url }}</div>
  </div>
  {{ slot }}
</div>