sliceit/src/templates/generateComponentTemplate.js

A CLI tool to generate React components with custom templates (JS, JSX, TSX, CSS, SCSS, Styled Components)

export const generateComponentTemplate = (name, style, ext) => {
    const useStyled = style === "styled";
    const useScss = style === "scss";
    const useCss = style === "css";
  
    let importStatement = "";
    if (useStyled) {
      importStatement = `import { Wrapper } from './${name}.styled';`;
    } else if (useScss) {
      importStatement = `import './${name}.scss';`;
    } else if (useCss) {
      importStatement = `import './${name}.css';`;
    }
  
    const wrapper = useStyled ? "Wrapper" : "div";
    const className = !useStyled ? ` className="${name.toLowerCase()}"` : "";
  
    return `import React from 'react';
  ${importStatement}
  
  const ${name} = () => {
    return (
      <${wrapper}${className}>
        <h1>${name}</h1>
      </${wrapper}>
    );
  };
  
  export default ${name};`;
  };