26 lines
675 B
TypeScript
26 lines
675 B
TypeScript
import { CSSProperties, FC, ReactNode } from "react";
|
|
import classNames from "classnames";
|
|
import styles from "@/components/layout/SmallPageBlock/SmallPageBlock.module.css";
|
|
import { Box } from "@mantine/core";
|
|
|
|
type Props = {
|
|
children: ReactNode;
|
|
style?: CSSProperties;
|
|
active?: boolean;
|
|
};
|
|
|
|
const SmallPageBlock: FC<Props> = ({ children, style, active = false }) => {
|
|
return (
|
|
<Box
|
|
bdrs={"lg"}
|
|
className={classNames(
|
|
styles.container,
|
|
active && styles["container-active"]
|
|
)}
|
|
style={style}>
|
|
{children}
|
|
</Box>
|
|
);
|
|
};
|
|
export default SmallPageBlock;
|