import React from 'react'
import './style.css'
import * as styles from './style.module.css'
import * as sassStyles from './style.module.scss'
import './style.scss'
import { registerFeature } from '@core/registerFeature'

const Introduction = registerFeature(() => import('./Introduction'))

export const AppStyleModules = ({ name, onClick }: { name?: string, onClick?: any }) => (
  <div>
    <p>Standard text</p>
    <Introduction />
    <p className={styles.name}> Goat {name || 'world'}</p>
    <button className={sassStyles.nameo} onClick={onClick} >Here</button>
  </div>
)