Files
Homarr/components/modules/moduleWrapper.tsx
2022-05-10 18:57:04 +02:00

22 lines
586 B
TypeScript

import { Card, FloatingTooltip, Tooltip, useMantineTheme } from '@mantine/core';
import { IModule } from './modules';
export default function ModuleWrapper(props: any) {
const { module }: { module: IModule } = props;
const theme = useMantineTheme();
console.log(module.title);
return (
<Card
mx="sm"
radius="lg"
shadow="sm"
style={{
// Make background color of the card depend on the theme
backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : "white",
}}
>
{<module.component />}
</Card>
);
}