import React from 'react';
import { withImkModule, ComponentBody, ImokaCtx } from '@imoka/imoka-mobweb-reactor';
import { GlobalSpec } from '@/types/GlobalSpec';
import { <%= name %>Spec } from './<%= name %>Spec';
import './<%= name %>.less';

export type Props = {
  Imoka: ImokaCtx<<%= name %>Spec, GlobalSpec>,
}

export default withImkModule(({ Imoka: { spec: { property }, metaInfo, bodyProps  }}: Props) => {

  return (
    <ComponentBody metaInfo={metaInfo} styleName="<%= dashedname %>" {...bodyProps}>
      { property.text }
    </ComponentBody>
  )
}, '<%= name %>');