plop/templates/component/component.hbs

import { classNames } from '@/shared/lib/classNames/classNames';
import cls from './{{name}}.module.scss';

interface {{name}}Props {
    className?: string;
}

export const {{name}} = (props: {{name}}Props) => {
    const { className } = props;

    return (
        <div className={classNames(cls.{{name}}, {}, [className])}>
            <p>{{name}}</p>
        </div>
    );
};