New file template with VTL for index.tsx in WebStorm

index.tsx

#if ($Component_Name)
  #set($CapitalizedComponentName = $Component_Name.substring(0,1).toUpperCase() + $Component_Name.substring(1))
#else
  #set($CapitalizedComponentName = $DIR_PATH.split("\/").get($DIR_PATH.split("\/").size() - 1))
#end

import type { FC } from 'react';
import styled from 'styled-components';

type Props = {
  // Put your props here
};
export const $CapitalizedComponentName: FC<Props> = (props) => {
  return (
    <StyledComponent>
      {/* Have a Happy Codding */}
    </StyledComponent>
  );
};

const StyledComponent = styled.div``;