import React from 'react';
import type { LogoVariant } from './types.js';
export interface LogoProps {
variant?: LogoVariant;
size?: number | string;
className?: string;
style?: React.CSSProperties;
}
/**
* ▼ Logo component
*
* @example
* ```tsx
* import { Logo } from '@luxfi/logo';
*
*
*
*
* ```
*/
export declare const Logo: React.FC;
/**
* Favicon link for .
*
* Draws the favicon mark, not the plain white one: a tab is painted white in
* light mode, so a white mark on it is an empty tab. The mark carries the media
* query that resolves that, which survives the data: URL — the sheet travels
* inside the document it styles.
*
* An apple-touch-icon used to ride along here and could never have worked. iOS
* reads only a raster for the home screen, so an SVG in that slot is not a
* wrong icon, it is no icon — and it fails the way this whole family fails,
* with nothing in a console anywhere. A home-screen icon is a PNG on an opaque
* ground, which is a file a site serves, not a data: URL a component emits.
*/
export declare const Favicon: React.FC;
export { Logo as LuxLogo, Logo as LuxfiLogo };
export { Favicon as LuxFavicon, Favicon as LuxfiFavicon };
export interface WordmarkProps {
/** Height in px, or any CSS length. Width follows from the 63:17 box. */
height?: number | string;
/** Let the mark take the ground's contrast instead of forcing white. */
adaptive?: boolean;
className?: string;
style?: React.CSSProperties;
}
/** LUX — the full wordmark. Every Lux surface but the exchange wears this. */
export declare const Wordmark: React.FC;
/** LX — the same letters short a U. lux.exchange wears this, and only it. */
export declare const LX: React.FC;
export { Wordmark as LuxWordmark };
//# sourceMappingURL=react.d.ts.map