import { Extensions } from '../types' ; import { toKebabCase } from '../utils' ; import { commonTemplates } from './common' ; export const componentTemplate = ( name , ts , namedExport , styleExt ) => { const { cmpExport , rootImport , cmpDefinition , } = commonTemplates ( name , ts , namedExport ) ; return `${ rootImport }

import './styles.${ styleExt }';

${ cmpDefinition }
  <div className='${ toKebabCase ( name ) }-container'>
    {/* JSX goes here */}
  </div>
);
${ cmpExport }` ; } ;