import { Meta } from '@storybook/web-components';
/**  Documentation and examples of `lukso-icon` component. Icons comes in `small`, `medium`, `large` and `x-large` size that is set in `size` property.
 *  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 `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;
//# sourceMappingURL=lukso-icon.stories.d.ts.map