/**
 * Location - Headless component for displaying service location information
 * Provides components for displaying location type, name, address, phone, email
 *
 * @module React/Location
 */
import React from 'react';
import * as CoreLocation from '../core/location/Location.js';
import { type AsChildChildren } from '@wix/headless-utils/react';
import { LocationType } from '../../services/location-list/location-list.def.js';
export { useLocationContext } from '../core/location/Location.js';
export declare const TestIds: {
    readonly locationRoot: "location-root";
    readonly locationName: "location-name";
    readonly locationType: "location-type";
    readonly locationAddress: "location-address";
    readonly locationPhone: "location-phone";
    readonly locationEmail: "location-email";
    readonly locationRaw: "location-raw";
    readonly locationActionSelect: "location-action-select";
};
export type { AddressData, Location, LocationRenderProps, } from '../core/location/Location.js';
/**
 * Props for Location.Root component
 */
export interface RootProps {
    /** Location data */
    location?: CoreLocation.Location;
    /** Use asChild pattern */
    asChild?: boolean;
    /** Children - ReactNode or render function with all LocationRenderProps */
    children?: React.ReactNode | AsChildChildren<CoreLocation.LocationRenderProps>;
    /** CSS class name */
    className?: string;
    /** Data attributes */
    [key: `data-${string}`]: string | undefined;
}
/**
 * Root component that provides location context and handles location type detection
 * and address parsing.
 *
 * @component
 * @example
 * ```tsx
 * // With Service location
 * <Location.Root location={serviceLocation}>
 *   <Location.Name className="font-bold" />
 *   <Location.Address />
 *   <Location.Phone />
 *   <Location.Email />
 * </Location.Root>
 * ```
 *
 * @example
 * ```tsx
 * // With asChild to access all location data
 * <Location.Root location={location} asChild>
 *   {({ name, isCustomerLocation, phone }) => (
 *     <div>
 *       <span>{isCustomerLocation ? "Client's Place" : name}</span>
 *       {phone && <span>{phone}</span>}
 *     </div>
 *   )}
 * </Location.Root>
 * ```
 */
export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for Location.Name component
 */
export interface NameProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
    asChild?: boolean;
    children?: React.ReactNode | AsChildChildren<{
        name: string;
    }>;
}
/**
 * Displays the location name.
 * The name is pre-computed with label fallbacks in CoreLocation.Root:
 * - BUSINESS: business.name
 * - CUSTOM: custom.address.addressLine, or customLocationLabel from service
 * - CUSTOMER: customerLocationLabel from service
 *
 * Labels can be customized via LocationList.Root's customLocationLabel and
 * customerLocationLabel props.
 *
 * @component
 * @example
 * ```tsx
 * <Location.Name className="font-bold" />
 *
 * // With asChild
 * <Location.Name asChild>
 *   {({ name }) => <h3>{name}</h3>}
 * </Location.Name>
 * ```
 */
export declare const Name: React.ForwardRefExoticComponent<NameProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for Location.Type component
 */
export interface TypeProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
    asChild?: boolean;
    children?: React.ReactNode | AsChildChildren<{
        locationType: LocationType;
        isCustomerLocation: boolean;
        isCustomLocation: boolean;
    }>;
}
/**
 * Displays the location type.
 *
 * @component
 * @example
 * ```tsx
 * <Location.Type />
 *
 * // With asChild for custom rendering
 * <Location.Type asChild>
 *   {({ isCustomerLocation, locationType }) => (
 *     <span className={isCustomerLocation ? 'text-primary' : ''}>
 *       {isCustomerLocation ? 'At your place' : locationType}
 *     </span>
 *   )}
 * </Location.Type>
 * ```
 */
export declare const Type: React.ForwardRefExoticComponent<TypeProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for Location.Address component
 */
export interface AddressProps {
    asChild?: boolean;
    children?: React.ReactNode | AsChildChildren<{
        address: CoreLocation.AddressData | null;
    }>;
    className?: string;
}
/**
 * Displays the location address.
 * Returns null for CUSTOMER locations (consumer provides label).
 *
 * @component
 * @example
 * ```tsx
 * <Location.Address />
 *
 * // With asChild
 * <Location.Address asChild>
 *   {({ address }) => (
 *     address ? (
 *       <Address.Root address={address}>
 *         <Address.Formatted />
 *       </Address.Root>
 *     ) : (
 *       <span>Client's Place</span>
 *     )
 *   )}
 * </Location.Address>
 * ```
 */
export declare const LocationAddress: React.ForwardRefExoticComponent<AddressProps & React.RefAttributes<HTMLElement>>;
export { LocationAddress as Address };
/**
 * Props for Location.Phone component
 */
export interface PhoneProps {
    asChild?: boolean;
    children?: React.ReactNode | AsChildChildren<{
        phone: string | undefined;
    }>;
    className?: string;
}
/**
 * Displays the location phone number.
 * Only renders for BUSINESS locations (phone only exists on BusinessLocationOptions).
 *
 * @component
 * @example
 * ```tsx
 * <Location.Phone />
 *
 * // With asChild
 * <Location.Phone asChild>
 *   {({ phone }) => phone && <a href={`tel:${phone}`}>{phone}</a>}
 * </Location.Phone>
 * ```
 */
export declare const Phone: React.ForwardRefExoticComponent<PhoneProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for Location.Email component
 */
export interface EmailProps {
    asChild?: boolean;
    children?: React.ReactNode | AsChildChildren<{
        email: string | undefined;
    }>;
    className?: string;
}
/**
 * Displays the location email address.
 * Only renders for BUSINESS locations (email only exists on BusinessLocationOptions).
 *
 * @component
 * @example
 * ```tsx
 * <Location.Email />
 *
 * // With asChild
 * <Location.Email asChild>
 *   {({ email }) => email && <a href={`mailto:${email}`}>{email}</a>}
 * </Location.Email>
 * ```
 */
export declare const Email: React.ForwardRefExoticComponent<EmailProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for Location.Raw component
 */
export interface RawProps {
    children: (props: CoreLocation.LocationRenderProps) => React.ReactNode;
}
/**
 * Exposes all raw location data via render prop.
 * Use only when you need full access to location data.
 *
 * @component
 * @example
 * ```tsx
 * <Location.Raw>
 *   {({ rawLocation, locationType, phone, email }) => (
 *     <pre>{JSON.stringify(rawLocation, null, 2)}</pre>
 *   )}
 * </Location.Raw>
 * ```
 */
export declare const Raw: React.FC<RawProps>;
/**
 * Props for Location.Actions.Select component
 */
export interface SelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick'> {
    asChild?: boolean;
    children?: React.ReactNode | AsChildChildren<{
        onClick: () => void;
        selected: boolean;
        location: CoreLocation.Location | null;
    }>;
    /** Label for the button */
    label?: string;
    /** Called after selection with the selected location */
    onClick?: (location: CoreLocation.Location) => void;
}
/**
 * Actions namespace for location-related actions
 */
export declare const Actions: {
    Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
};