import { HawkSearchComponents, IconComponentConfig } from '../../../configuration'; import { IconComponentModel } from '../../../models'; import { BaseComponent } from '../../base.component'; /** * The Icon component renders an SVG image inline with text content. * * ## Tag * The tag for this component is ``. * * ## Attributes * | Name | Type | Default Value | Required | * | :- | :- | :- | :- | * | name | {@link Models.IconName} | | Yes * | size | `string` | `number` | `1em` | No * * ## CSS Variables * The following CSS classes are available that allow you to bypass the [Shadow DOM](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM) and customize the appearance of this component without overriding the Handlebars template: * * | Name | Default Value | * | :- | :- | * | --icon-color | `currentColor` | * | --icon-font-size | `1em` | * * ## Default Template * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point. * {@embed ./icon.component.hbs} * * @category General */ export declare class IconComponent extends BaseComponent { protected componentName: keyof HawkSearchComponents; protected defaultHtml: string; protected bindFromEvent: boolean; private get name(); private get size(); protected renderContent(): boolean; protected getContentModel(): IconComponentModel; }