import * as lit_html from 'lit-html';
import * as lit from 'lit';
import { LitElement } from 'lit';

/**
 * @since 1.3.0
 * @status stable
 *
 * @tagname kemet-upload-file
 * @summary A file in the upload.
 *
 * @prop {string} name - The name of the file
 * @prop {number} loaded - The number of bytes loaded
 * @prop {number} size - The file size in bytes
 * @prop {string} type - The file type
 * @prop {string} status - The status of the file. Values are complete | uploading | error.
 * @prop {number} percent - Percentage of file completion that's calculated by the loaded property.
 * @prop {string} message - An error message to give to users
 *
 * @cssproperty --kemet-upload-file-color - The default text color.
 * @cssproperty --kemet-upload-file-padding - The padding around the file.
 * @cssproperty --kemet-upload-file-border - The border around the file.
 *
 * @csspart percentage - Area that displays the percentage.
 * @csspart filename - Area that displays file name.
 * @csspart loaded - Area that displays how much has uploaded.
 * @csspart message - Area for the error message.
 * @csspart indicator - Area for status icon.
 *
 */
declare class KemetUploadFile extends LitElement {
    static styles: lit.CSSResult[];
    name: string;
    loaded: number;
    size: number;
    type: string;
    status: string;
    percent: number;
    message: string;
    updated(): void;
    render(): lit_html.TemplateResult<1>;
    calculatePercent(): number;
    getStatusIcon(): lit_html.TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'kemet-upload-file': KemetUploadFile;
    }
}

export { KemetUploadFile as default };