sendou.ink/app/components/match-page/MatchPageHeader.tsx
2026-04-03 16:20:17 +03:00

22 lines
429 B
TypeScript

import styles from "./MatchPageHeader.module.css";
export function MatchPageHeader({
children,
subtitle,
topRight,
}: {
children: React.ReactNode;
subtitle: string;
topRight?: React.ReactNode;
}) {
return (
<div className={styles.root}>
<div>
<h2 className={styles.title}>{children}</h2>
<div className={styles.subtitle}>{subtitle}</div>
</div>
{topRight ? <div>{topRight}</div> : null}
</div>
);
}