Ivan Fontosh
24 lines
584 B
TypeScript
24 lines
584 B
TypeScript
import React from 'react';
|
|
|
|
import styles from './LayoutShell.module.css';
|
|
|
|
type Props = {
|
|
topBar: React.ReactNode;
|
|
left: React.ReactNode;
|
|
center: React.ReactNode;
|
|
right: React.ReactNode;
|
|
};
|
|
|
|
export function LayoutShell({ topBar, left, center, right }: Props) {
|
|
return (
|
|
<div className={styles.root}>
|
|
<div className={styles.topBar}>{topBar}</div>
|
|
<div className={styles.body}>
|
|
<div className={styles.col}>{left}</div>
|
|
<div className={styles.col}>{center}</div>
|
|
<div className={styles.col}>{right}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|