import { default as React, SVGAttributes } from '../../preact/compat';
/**
 * Alma Logo Component
 *
 * ACCESSIBILITY NOTE (RGAA):
 * This logo is marked as decorative (aria-hidden="true") because it typically serves
 * as a visual brand identifier rather than conveying essential information.
 * When used in contexts where the logo needs to be accessible (e.g., main navigation,
 * payment method selection), the parent element MUST provide proper accessible text.
 *
 * Example of correct usage:
 * <button aria-label="Pay with Alma"><AlmaLogo /></button>
 * or
 * <a href="/alma-info" aria-label="Learn more about Alma"><AlmaLogo /></a>
 *
 * This differs from informational icons which convey specific meaning to users.
 */
type Props = {
    color?: string;
} & SVGAttributes<SVGElement>;
export declare const AlmaLogo: ({ className, color, ...props }: Props) => React.JSX.Element;
export {};