no-copy-frontend/src/app/ui/referral-page/setting-referral-program.tsx

export default function SettingReferralProgram() {
	return (
		<div className="block-wrapper setting-referral-program">

			<div className="section-title">
				<span className="icon">⚙️</span>
				Настройки реферальной программы
			</div>

			<form className="settings-form">
				<div className="settings-form-wrapper">
					<h4>💳 Настройки выплат</h4>

					<div className="form-group">
						<label>Минимальная сумма для вывода (Б)</label>
						<input type="number" name="min_withdraw_amount" defaultValue="100.00" min="50" step="10" />
					</div>

					<div className="form-group">
						<label>Предпочитаемый способ выплаты</label>
						<select name="preferred_payout_method">
							<option defaultValue="BALANCE">💳 На баланс аккаунта</option>
							<option defaultValue="BANK_TRANSFER">🏦 Банковский перевод</option>
							<option defaultValue="PAYPAL">💰 PayPal</option>
							<option defaultValue="CARD">💳 Банковская карта</option>
						</select>
					</div>

					<div className="checkbox-group">
						<input type="checkbox" name="auto_withdraw" defaultValue="1" />
							<label>Автоматический вывод при достижении минимума</label>
					</div>
				</div>

				<div className="settings-form-wrapper">
					<h4>🔔 Уведомления</h4>

					<div className="checkbox-group">
						<input type="checkbox" name="email_notifications" defaultValue="1"/>
							<label>Email уведомления о новых рефералах</label>
					</div>

					<div className="checkbox-group">
						<input type="checkbox" name="marketing_emails" defaultValue="1" />
							<label>Маркетинговые рассылки о программе</label>
					</div>

					<button type="submit" className="btn-primary">
						💾 Сохранить настройки
					</button>
				</div>
			</form>

		</div>
	)
}