import { ChangeDetectionStrategy, Component } from '@angular/core';

/**
 * This is a component for custom icons. It expects an svg as a child (with ng-content's select property explicitly set to 'svg').
 * The component acts as a simple wrapper that provides icon-specific css etc.
 *
 * NOTE: It is encouraged to use one of the existing icon components. This is a fallback for custom needs.
 *
 *
 * ## Usage
 * ``import {UiIconCustomModule} from '@ui/_icon/icon-custom';``
 *
 * `<ui-icon-custom><svg>your custom svg markup here</svg></ui-icon-custom>`
 *
 * ## Styling
 * All icons in the system makes use of `currentColor` as a default for fills and strokes. This allows for maximum flexibility for usage.
 * In order for your custom svg to behave as the other icons do, it should do this also.
 */
@Component({
  selector: 'ui-icon-custom',
  templateUrl: './icon-custom.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class IconCustomComponent {}
