import { CSSProperties, FC, ReactNode } from "react";
import classNames from "classnames";
import styles from "./PageItem.module.css";

type Props = {
    children: ReactNode;
    style?: CSSProperties;
    fullHeight?: boolean;
    fullHeightFixed?: boolean;
    noBorderRadius?: boolean;
};

const PageItem: FC<Props> = ({
    children,
    style,
    fullHeight = false,
    fullHeightFixed = false,
    noBorderRadius = false,
}) => {
    return (
        <div
            style={style}
            className={classNames(
                styles.container,
                fullHeight && styles["container-full-height"],
                fullHeightFixed && styles["container-full-height-fixed"],
                noBorderRadius && styles["container-no-border-radius"]
            )}>
            {children}
        </div>
    );
};
export default PageItem;
