BannerBox

Компонент BannerBox является оберткой над компонентом Banner из раздела Компоненты и имеет идентичные свойства и методы

Код DemoSlide
export const DemoSlide = ({ children, background }) => {
    return (
        <div
            style={{
                height: '100%',
                backgroundColor: 'white',
                display: 'flex',
                justifyContent: 'center',
                alignItems: 'center',
                fontSize: '30px',
            }}
        >
            {children}
        </div>
    );
}

Базовое использование

<BannerBox>
  <DemoSlide>1</DemoSlide>
  <DemoSlide>2</DemoSlide>
  <DemoSlide>3</DemoSlide>
  <DemoSlide>4</DemoSlide>
  <DemoSlide>5</DemoSlide>
</BannerBox>