import { Meta, StoryObj } from '@storybook/web-components-vite';
/**  Documentation and examples of `lukso-icon` component. Icons comes in `small`, `medium`, `large` and `x-large` size that is set in `size` property.
 *  The component supports multiple icon packs including the default `lukso` pack and the new `vuesax` pack with different variants.
 *  Please check all available icons in Icons Showcase.
 */
declare const meta: Meta;
export default meta;
/** By default icon comes in `medium` size of `24x24` pixels with `neutral-20` color.  */
export declare const DefaultIcon: any;
/** Example of `x-small` size of `12x12` pixels. */
export declare const XSmallIcon: any;
/** Example of `small` size of `16x16` pixels. */
export declare const SmallIcon: any;
/** Example of `large` size of `32x32` pixels. */
export declare const LargeIcon: any;
/** Example of `x-large` size of `40x40` pixels. */
export declare const XLargeIcon: any;
/** Example of `2x-large` size of `64x64` pixels. */
export declare const XXLargeIcon: any;
/** You can change color to any from the palette with `color` property. */
export declare const CustomColorIcon: any;
/** Some icons contain secondary color that is applied with `secondary-color` property. */
export declare const SecondaryColorIcon: any;
/** Some icons contain multiple colors and they don't use `color` property. You can still use different sizes tho. */
export declare const ColoredIcon: any;
/** You can animate any icon by applying `animate-[name]` property. Some icons come with build in animation. Check more details in `Animations` and `Icons` section. */
export declare const AnimatedIcon: any;
/** Example of using the Vuesax icon pack. */
export declare const VuesaxIconPack: any;
/** Example of Vuesax variants for `text-bold` icon. */
export declare const VuesaxIconVariants: () => import('lit-html').TemplateResult<1>;
/** Test story for icon with just name */
export declare const IconName: StoryObj;
/** Test story for icon with custom color */
export declare const IconCustomColor: StoryObj;
/** Test story for icon with large size */
export declare const IconLargeSize: StoryObj;
/** Test story for Vuesax linear icon */
export declare const VuesaxLinearIcon: StoryObj;
/** Test story for Vuesax bold icon */
export declare const VuesaxBoldIcon: StoryObj;
/** Test story for Vuesax colored icon */
export declare const VuesaxColoredIcon: StoryObj;
/** Test story for Vuesax large icon */
export declare const VuesaxLargeIcon: StoryObj;
//# sourceMappingURL=lukso-icon.stories.d.ts.map