import type { CSSResultGroup } from 'lit';
import TerraElement from '../../internal/terra-element.js';
import TerraButton from '../button/button.js';
import TerraIcon from '../icon/icon.js';
import TerraInput from '../input/input.js';
import TerraLoader from '../loader/loader.js';
/**
 * @summary A form that logs in to Earthdata Login (EDL)
 * @documentation https://terra-ui.netlify.app/components/earthdata-login
 * @status stable
 * @since 1.0
 *
 * @event terra-login - Emitted when a bearer token has been received from EDL.
 */
export default class TerraEarthdataLogin extends TerraElement {
    #private;
    static dependencies: {
        'terra-button': typeof TerraButton;
        'terra-icon': typeof TerraIcon;
        'terra-input': typeof TerraInput;
        'terra-loader': typeof TerraLoader;
    };
    static styles: CSSResultGroup;
    /**
     * The message to show when the user is logged in
     * You can use the following placeholders:
     * {username} - The username of the user
     * {first_name} - The first name of the user
     * {last_name} - The last name of the user
     */
    loggedInMessage?: string;
    loggedOutMessage?: string;
    loadingMessage?: string;
    username: string;
    password: string;
    hidePasswordToggle: boolean;
    /**
     * if true and the user has passed in a username and password, we will automatically log them in
     * this is useful for Jupyter Notebooks where we may want to automatically log the user in when the component is rendered
     */
    autoLogin: boolean;
    usernameError: string;
    passwordError: string;
    usernameInput?: TerraInput;
    passwordInput?: TerraInput;
    firstUpdated(): void;
    render(): import("lit-html").TemplateResult<1>;
}