Files
homarr/src/components/Dashboard/Tiles/HomarrCardWrapper.tsx
2022-12-11 15:04:05 +01:00

16 lines
487 B
TypeScript

import { Card, CardProps } from '@mantine/core';
import { ReactNode } from 'react';
import { useCardStyles } from '../../layout/useCardStyles';
interface HomarrCardWrapperProps extends CardProps {
children: ReactNode;
}
export const HomarrCardWrapper = ({ ...props }: HomarrCardWrapperProps) => {
const {
cx,
classes: { card: cardClass },
} = useCardStyles();
return <Card {...props} className={cx(props.className, cardClass)} withBorder radius="lg" shadow="md" />;
};