Added WIP Menu
This commit is contained in:
26
src/components/Page/Menu/MenuSubtitle/index.tsx
Normal file
26
src/components/Page/Menu/MenuSubtitle/index.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
import { Subtitle, hasDivider } from '@/lib/types/navigation';
|
||||
import styles from './MenuSubtitle.module.css';
|
||||
|
||||
interface MenuSubtitleProps {
|
||||
subtitle: Subtitle;
|
||||
variant: string;
|
||||
}
|
||||
|
||||
export default function MenuSubtitle({ subtitle, variant }: MenuSubtitleProps) {
|
||||
const divider = hasDivider(subtitle) ? (
|
||||
<div className={styles.divider}>
|
||||
<span className={`${styles.dividersymbol}`}>
|
||||
{subtitle.divider.value}
|
||||
</span>
|
||||
</div>
|
||||
) : (
|
||||
''
|
||||
);
|
||||
|
||||
return (
|
||||
<div className={`${styles.claim} ${styles[`${variant}`]}`}>
|
||||
{divider}
|
||||
<p className={`${styles.subtitle}`}>{subtitle.content}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user