/**
 * External Dependencies
 */
import { __ } from '@wordpress/i18n';

export function FooterBar() {
	return (
		<section className="flex flex-wrap items-center gap-4 border border-t-0 border-border bg-gray-50 px-8 py-4">
			<span className="text-[12.5px] leading-relaxed text-gray-500">
				{ __(
					'Help other publishers find us — leave a',
					'advanced-ads'
				) }{ ' ' }
				{ /* eslint-disable-next-line jsx-a11y/anchor-is-valid -- placeholder CTA, real href wired up in a follow-up task */ }
				<a href="#" className="text-primary underline">
					{ __( '★★★★★ review on WordPress.org', 'advanced-ads' ) }
				</a>{ ' ' }
				{ __( 'or', 'advanced-ads' ) }{ ' ' }
				{ /* eslint-disable-next-line jsx-a11y/anchor-is-valid -- placeholder CTA, real href wired up in a follow-up task */ }
				<a href="#" className="text-primary underline">
					{ __( 'send feedback', 'advanced-ads' ) }
				</a>
				.
			</span>
			<span className="ml-auto text-[12.5px] text-gray-400">
				{ __( 'Version 2.0', 'advanced-ads' ) }
			</span>
		</section>
	);
}