export function SyncComingSoonBanner() {
  return (
    <div class="peach-sync-coming-soon">
      <div class="peach-sync-coming-soon__icon">
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="8" cy="8" r="6.5" />
          <path d="M8 5v3.5l2 1.5" />
        </svg>
      </div>
      <div>
        <p class="peach-sync-coming-soon__title">Sync requires the mobile app</p>
        <p class="peach-sync-coming-soon__body">Download Peach for iOS or Android to pair and sync your vault between devices.</p>
      </div>
    </div>
  );
}