mirror of
https://github.com/ostris/ai-toolkit.git
synced 2026-02-21 21:03:57 +00:00
28 lines
668 B
TypeScript
28 lines
668 B
TypeScript
import classNames from 'classnames';
|
|
|
|
interface Props {
|
|
className?: string;
|
|
children?: React.ReactNode;
|
|
}
|
|
|
|
export const TopBar: React.FC<Props> = ({ children, className }) => {
|
|
return (
|
|
<div
|
|
className={classNames(
|
|
'absolute top-0 left-0 w-full h-12 dark:bg-gray-900 shadow-sm z-10 flex items-center px-2',
|
|
className,
|
|
)}
|
|
>
|
|
{children ? children : null}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export const MainContent: React.FC<Props> = ({ children, className }) => {
|
|
return (
|
|
<div className={classNames('pt-16 px-4 absolute top-0 left-0 w-full h-full overflow-auto', className)}>
|
|
{children ? children : null}
|
|
</div>
|
|
);
|
|
};
|