import { default as React } from '../../preact/compat';
/**
 * Cross/Close Icon Component
 *
 * ACCESSIBILITY NOTE (RGAA):
 * This icon is marked as decorative (aria-hidden="true") because it should NOT provide
 * semantic meaning on its own. When used in close buttons, the parent button element
 * MUST provide proper accessible text via aria-label or visible text content.
 *
 * Example of correct usage:
 * <button aria-label="Close modal"><CrossIcon /></button>
 *
 * This differs from informational icons (like payment cards) which need their own
 * accessible labels since they convey meaningful information to users.
 */
type Props = {
    color?: string;
    className?: string;
};
declare function CrossIcon({ color, className }: Props): React.JSX.Element;
export default CrossIcon;