S.Gromov
a544d41a03
- Добавлены devDependencies: svg-sprite, postcss-preset-mantine, postcss-simple-vars, colorette - Добавлен npm-скрипт `sprite` для генерации SVG-спрайтов - Обновлены настройки и расширения VS Code - Переименованы слои: entities → business, features → infrastructure, shared/ui → ui - Обновлены шаблоны генерации (.templates) под новые слои - Обновлены path-алиасы в tsconfig.json: убран префикс @/, добавлены алиасы по слоям - Импорт в src/app/page.tsx переведён на алиас слоя - Удалён postcss.config.mjs - Добавлен скрипт scripts/create-svg-sprite.js - Добавлены исходные SVG-иконки и сгенерированные спрайты - Добавлен модуль src/shared/sprites/icons.generated.ts - Добавлены глобальные стилевые токены: variables.css, media.css - Применён медиа-токен в src/screens/home/styles/home.module.css - Добавлен AGENTS.md с инструкциями для AI-ассистента
21 lines
586 B
TypeScript
21 lines
586 B
TypeScript
import cl from 'clsx'
|
|
import type { {{name.pascalCase}}Props } from './types/{{name.kebabCase}}.type'
|
|
import styles from './styles/{{name.kebabCase}}.module.css'
|
|
|
|
/**
|
|
* <Назначение компонента {{name.pascalCase}} в 1 строке>.
|
|
*
|
|
* Используется для:
|
|
* - <сценарий 1>
|
|
* - <сценарий 2>
|
|
*/
|
|
export const {{name.pascalCase}} = (props: {{name.pascalCase}}Props) => {
|
|
const { children, className, ...htmlAttr } = props
|
|
|
|
return (
|
|
<div {...htmlAttr} className={cl(styles.root, className)}>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|