import { msg } from '@lit/localize';
import { html } from 'lit';
/**
 * This entire file was copied from shreddit
 * I removed some parts of it that were too "shreddit post creation" focused, but kept the original code style
 * Eventually we will remove it in favour of faceplate-ui image upload component, but for now we have this
 */
export function renderLoadingState(media) {
    return html `
    <div class="loading-state w-full h-full flex flex-col flex-1">
      <div class="flex flex-col flex-1 justify-center items-center bg-neutral-background-weak">
        <faceplate-progress
          value="85"
          class="animate-spin"
          style="--loader-size: 1rem"
          aria-label="${msg('Uploading media', { desc: 'Uploading media' })}"
        ></faceplate-progress>
      </div>
      <div
        class="border-neutral-border border-solid border-0 border-t-sm py-xs px-sm flex flex-col items-start"
      >
        <p class="selected-file-name m-0 text-12 line-clamp-1">${media?.file?.name}</p>
        <p class="m-0 text-12">${msg('Uploading...', { desc: 'Uploading media' })}</p>
      </div>
    </div>
  `;
}
//# sourceMappingURL=render-loading-state.js.map