/
guselnikov
/
inst
Обзор
Документация
Войти
/
guselnikov
/
inst
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
admin/src/components/ui/AuthLayout.tsx
33 строки
896 B
Viktor Guselnikov
first_commit
07 июл 2026, 11:54
07 июл 2026, 11:54
098126a
Код
Авторство
О чём код?
import { InstagramIcon } from '../icons/InstagramIcon'; import type { ReactNode } from 'react'; import { Card } from './Card'; import styles from './AuthLayout.module.css'; interface AuthLayoutProps { title: string; subtitle: string; footer?: ReactNode; children: ReactNode; } export function AuthLayout({ title, subtitle, footer, children }: AuthLayoutProps) { return ( <div className={styles.page}> <div className={styles.panel}> <header className={styles.brand}> <div className={styles.logo}> <InstagramIcon size={26} /> </div> <h1 className={styles.title}>inst</h1> <p className={styles.subtitle}>{subtitle}</p> </header> <Card title={title} elevated> {children} </Card> {footer ? <div className={styles.footer}>{footer}</div> : null} </div> </div> ); }