import { html } from "lit";
import { FilesPage } from "./Files.page.js";
export class SharedPage extends FilesPage {
    constructor(screen) {
        super(screen);
        this.dt.options.ariaLabel = 'Shared with you';
        this.fs.source = 'shared';
    }
    render() {
        return html `
    <div class="section-header">
      <h2 class="headline-small">Shared with you</h2>
      ${this.renderBreadcrumbs()}
    </div>
    ${this.renderFilesTable()}
    `;
    }
    renderEmptyTable() {
        return html `
    <p>You have no shared files.</p>
    <p>Files will appear here once someone share them with you.</p>
    `;
    }
    renderTableHeader() {
        const result = [];
        result.push(this.dt.header('Name', { class: 'name-cell' }));
        result.push(this.dt.header('Owner', { class: 'owner-cell' }));
        result.push(this.dt.header('Updated', { class: 'updated-cell' }));
        return result;
    }
    renderTableItem(item) {
        const result = [];
        result.push(this.nameCell(item));
        result.push(this.ownerCell(item));
        result.push(this.updatedCell(item));
        return result;
    }
}
//# sourceMappingURL=Shared.page.js.map