import React from 'react';
import type { ReactNode, CSSProperties } from 'react';

interface WhitelabelLayoutProps {
    children: ReactNode;
    header?: ReactNode;
    footer?: ReactNode;
    customStyles?: CSSProperties;
}

const WhitelabelLayout: React.FC<WhitelabelLayoutProps> = ({ 
    children, 
    header = null, 
    footer = null, 
    customStyles = {} 
}) => {
    return (
        <div style={customStyles} className="whitelabel-layout">
            {header && <header className="whitelabel-header">{header}</header>}
            <main className="whitelabel-main">{children}</main>
            {footer && <footer className="whitelabel-footer">{footer}</footer>}
        </div>
    );
};

export default WhitelabelLayout;