import React, { FC, Fragment, ReactNode } from 'react';
import css from './index.module.css';
import SmartBanner from 'react-smartbanner';
import 'react-smartbanner/dist/main.css';
import './index.css';

export interface AppTeaserProps {
  title?: string;
  author?: string;
  button?: string;
  storeText?: ReactNode;
  appMeta?: ReactNode;
  price?: ReactNode;
  force?: string;
  url?: ReactNode;
}

const AppTeaser: FC<AppTeaserProps> = ({
  title,
  author,
  button,
  storeText,
  appMeta,
  price,
  force,
  url,
}) => {
  return (
    <Fragment>
      <div className={css.appTeaser__container}>
        <SmartBanner
          title={title}
          author={author}
          button={button}
          daysReminder={1}
          daysHidden={1}
          storeText={storeText}
          position={'top'}
          force={force}
          appMeta={appMeta}
          price={price}
          url={url}
        />
      </div>
    </Fragment>
  );
};

export default AppTeaser;