feat(Header): add props for elements className

Author: aeksandla

src/blocks/Header/Header.tsx

@@ -19,7 +19,12 @@ import {BREAKPOINTS} from '../../constants';
 
 const b = block('header-block');
 
-export type HeaderBlockFullProps = HeaderBlockProps & ClassNameProps;
+type ElementsClassName = {
+    gridClassName?: string;
+    mediaClassName?: string;
+};
+
+export type HeaderBlockFullProps = HeaderBlockProps & ClassNameProps & ElementsClassName;
 
 interface BackgroundProps {
     background: HeaderBlockBackground;
@@ -78,13 +83,15 @@ export const HeaderBlock = (props: React.PropsWithChildren<HeaderBlockFullProps>
         theme: textTheme = 'light',
         verticalOffset = 'm',
         className,
+        gridClassName,
         breadcrumbs,
         status,
         renderTitle,
         children,
         mediaView = 'full',
         centered,
         additionalInfo,
+        mediaClassName,
     } = props;
     const windowWidth = useWindowWidth();
     const isMobile = windowWidth <= BREAKPOINTS.sm;
@@ -122,7 +129,7 @@ export const HeaderBlock = (props: React.PropsWithChildren<HeaderBlockFullProps>
         >
             {backgroundThemed && fullWidth && <FullWidthBackground background={backgroundThemed} />}
             {backgroundThemed && <Background background={backgroundThemed} isMobile={isMobile} />}
-            <Grid containerClass={b('container-fluid')}>
+            <Grid containerClass={b('container-fluid')} className={b(null, gridClassName)}>
                 {breadcrumbs && (
                     <Row className={b('breadcrumbs')}>
                         <Col>
@@ -212,7 +219,7 @@ export const HeaderBlock = (props: React.PropsWithChildren<HeaderBlockFullProps>
                         </Row>
                         {hasRightSideImage && (
                             <Media
-                                className={b('media', {[curImageSize]: true})}
+                                className={b('media', {[curImageSize]: true}, mediaClassName)}
                                 videoClassName={b('video')}
                                 imageClassName={b('image')}
                                 {...mediaWithMicrodata}