import { ShieldAlert } from 'lucide-react';
import { DISCLAIMER } from '@/lib/demoData';
import { runtimeConfig } from '@/lib/runtime-config';

const StudioFooter = () => (
  <footer className="border-t border-white/[.06] bg-[#0c0e12] px-4 py-2.5">
    <div className="flex flex-col gap-1.5 sm:flex-row sm:items-center sm:justify-between">
      <div className="flex items-center gap-3 text-[9px] text-slate-600">
        <span className="font-semibold tracking-wide text-slate-500">{runtimeConfig.productName} v{runtimeConfig.version}</span>
        <span>·</span>
        <span>{runtimeConfig.edition}</span>
      </div>
      <div className="flex items-start gap-1.5 text-[9px] leading-relaxed text-amber-200/50">
        <ShieldAlert className="mt-0.5 h-3 w-3 shrink-0" />
        <span className="max-w-3xl">{DISCLAIMER}</span>
      </div>
    </div>
  </footer>
);
export default StudioFooter;
