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;
