import { InputOptions } from './input-options';
/**
 * An email input component wrapping a native `<input type="email">` element.
 *
 * Renders a styled email field inside an {@link InputContainer} with an email icon
 * displayed by default in the `before` slot. The autocomplete attribute defaults to
 * `'email'` and the name defaults to `'email'` for browser autofill compatibility.
 * Placeholder text is sourced from the BeatUI i18n system when not explicitly provided.
 *
 * @param options - Configuration options following the {@link InputOptions} pattern for string values
 * @returns A styled email input element with an email icon, wrapped in an InputContainer
 *
 * @example
 * ```ts
 * import { prop } from '@tempots/dom'
 * import { EmailInput } from '@tempots/beatui'
 *
 * const email = prop('')
 * EmailInput({
 *   value: email,
 *   onChange: email.set,
 * })
 * ```
 *
 * @example
 * ```ts
 * // Override the default before icon
 * EmailInput({
 *   value: prop(''),
 *   onChange: (v) => console.log('Email:', v),
 *   before: Icon({ icon: 'custom-email-icon' }),
 *   placeholder: 'user@example.com',
 * })
 * ```
 */
export declare const EmailInput: (options: InputOptions<string>) => import("@tempots/dom").Renderable;
