import React from 'react';
import StepByStep from './StepByStep';
import styles from './Watermark.module.css';

const Watermark = ({ dontShowName }) => {
  return (
    <div className={styles.watermark}>
      {!dontShowName && <div className={styles.watermarkName}>KEDAIMASTER.COM</div>}
      <div className={styles.watermarkContent}>
        <div className={styles.watermarkText}>
          Gak perlu rasain antri panjang yang bikin bosen lagi. Tinggal scan QR yang ada di meja, eh tiba tiba kamu udah kenyang wkwkkw
        </div>
        <StepByStep />
      </div>
      <div className={styles.watermarkFooter}>© 2025 KEDIRITECHNOPARK.COM</div>
    </div>
  );
};

export default Watermark;