import React from "react";
import type { StoryObj } from "@storybook/react";
/**
 * Logo component for displaying product/brand logos.
 *
 * This is a generic, reusable component that accepts any image source.
 * Each product should provide its own logo file.
 *
 * ## Usage
 *
 * ```tsx
 * import { Logo } from '@itech-india/itech-fluentui/components';
 * import myLogo from './assets/logo.svg';
 *
 * <Logo src={myLogo} alt="My Product" width={120} height={30} />
 * ```
 *
 * ## Notes
 * - Logo files are NOT included in the npm package
 * - Each app should include its own logo files
 * - This component provides consistent styling and behavior
 */
declare const meta: {
    title: string;
    component: React.ForwardRefExoticComponent<import("../..").LogoProps & React.RefAttributes<HTMLImageElement>>;
    parameters: {
        layout: string;
        docs: {
            description: {
                component: string;
            };
        };
    };
    tags: string[];
    argTypes: {
        src: {
            control: "text";
            description: string;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        alt: {
            control: "text";
            description: string;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        width: {
            control: "number";
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        height: {
            control: "number";
            description: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        className: {
            control: "text";
            description: string;
            table: {
                type: {
                    summary: string;
                };
            };
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta> & {
    render?: () => React.JSX.Element;
};
/**
 * Default logo size (original dimensions)
 */
export declare const Default: Story;
/**
 * Large logo (2x size)
 */
export declare const Large: Story;
/**
 * Small logo (0.5x size)
 */
export declare const Small: Story;
/**
 * Extra large logo (3x size)
 */
export declare const ExtraLarge: Story;
/**
 * Tiny logo (icon size)
 */
export declare const Tiny: Story;
/**
 * Logo without explicit dimensions (natural size)
 */
export declare const NaturalSize: Story;
/**
 * Logo with custom styling
 */
export declare const CustomStyle: Story;
/**
 * Logo in a header context
 */
export declare const InHeader: Story;
/**
 * Multiple logos in a row
 */
export declare const MultipleLogos: Story;
/**
 * Logo with dark background
 */
export declare const OnDarkBackground: Story;
//# sourceMappingURL=Logo.stories.d.ts.map