import { WebsiteSectionShell } from '../components/WebsiteSectionShell'
import styles from './WebsitePage.module.css'

export function WebsiteEPaymentPage() {
  return (
    <WebsiteSectionShell
      sectionLabel="E-Payment"
      title="E-Payment"
      subtitle="Configure online payment methods for your website checkout."
    >
      <p className={styles.placeholderLead}>
        Connect payment gateways so customers can pay online through your store.
      </p>
      <p className={styles.placeholderNote}>
        E-payment settings will be connected here. Planned options include:
      </p>
      <ul className={styles.featureList}>
        <li>Enable or disable online payments</li>
        <li>Configure payment provider credentials</li>
        <li>Set supported payment methods and test mode</li>
      </ul>
    </WebsiteSectionShell>
  )
}
