import React from 'react';
export default function Panel({ title, eyebrow, children, className='' }){return <section className={`rounded-2xl border border-white/10 bg-[#111114]/90 p-5 shadow-[inset_0_1px_rgba(255,255,255,.03)] ${className}`}><div className="mb-4">{eyebrow&&<p className="text-[10px] font-semibold uppercase tracking-[.24em] text-purple-300">{eyebrow}</p>}<h2 className="mt-1 font-semibold text-white">{title}</h2></div>{children}</section>}