/**
 * Created by westprophet on 12.06.2023
 */

import React from 'react';
import cn from 'classnames';
import s from './PreviewWrapper.module.scss';

import _logo from './images/logo.svg';
import bg from './images/bg.webp';

interface Props {
  className?: string;
  children?: React.ReactNode;
  background?: string;
  logo?: string;
}

export default function PreviewWrapper({
  className = '', children, background = bg, logo = _logo,
}: Props) {
  return (
    <section className={cn(s.PreviewWrapper, className)}>
      <img src={background} alt="background" className={cn(s.bg)} />
      <div className={cn(s.inner)}>
        <img className={cn(s.logo)} src={logo} alt="logo" />
        <h1>вітаємо в системі</h1>
        <h3>Єдина Школа</h3>
        {children}
      </div>
    </section>
  );
}