Function stepIcon

packages/addons/src/plugins/multiStep/sections/stepIcon.ts:8–41

(
  sectionKey: string,
  el?: string
)

 * @public
 */
export const stepIcon = (
  sectionKey: string,
  el?: string
): FormKitSchemaExtendableSection => {
  return createSection(`${sectionKey}Icon`, () => {
    const rawIconProp = `_raw${sectionKey
      .charAt(0)
      .toUpperCase()}${sectionKey.slice(1)}Icon`
    return {
      if: `$step.${sectionKey}Icon && $step.${rawIconProp}`,
      then: {
        $el: `${el ? el : 'span'}`,
        attrs: {
          class: `$classes.${sectionKey}Icon + " formkit-icon"`,
          innerHTML: `$step.${rawIconProp}`,
          role: 'presentation',
          onClick: `$handlers.iconClick(${sectionKey})`,
        },
      },
      else: {
        if: `$${sectionKey}Icon && $${rawIconProp}`,
        then: {
          $el: `${el ? el : 'span'}`,
          attrs: {
            class: `$classes.${sectionKey}Icon + " formkit-icon"`,
            innerHTML: `$${rawIconProp}`,
            role: 'presentation',
            onClick: `$handlers.iconClick(${sectionKey})`,
          },
        },
      },
    }
  })()
}