'use client'

import React, { FC } from 'react'

import { PktElConstructor, PktElType } from '@/interfaces/IPktElements'
import { createComponent } from '@lit/react'
import { PktIcon as PktEl } from '@oslokommune/punkt-elements'

type Booleanish = boolean | 'true' | 'false'

interface IPktIcon extends PktElType {
  name?: string
  path?: string
  'aria-hidden'?: Booleanish | undefined
}

export const PktIcon: FC<IPktIcon> = createComponent({
  tagName: 'pkt-icon',
  elementClass: PktEl as PktElConstructor<HTMLElement>,
  react: React,
  displayName: 'PktIcon',
  events: {},
})

export default PktIcon