import{j as o,i as a}from"./vendor-ui-BUsIib4b.js";import{B as p}from"./index-_xMiwXGs.js";const x=a.div`
	width: 100%;
	padding: 0 0 5px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #333;
	color: white;
`,d=a.div`
	font-weight: bold;
	font-size: 14px;
	color: #9ca3af; /* gray-400-ish */
`,f=a.div`
	display: flex;
	align-items: center;
	gap: 5px;
`,h=a.div`
	display: flex;
	align-items: center;
	gap: 12px;
	margin-right: 12px;
`,g=a.button`
	all: unset;
	cursor: pointer;
	font-weight: 500;
	font-size: 13px;
	color: ${t=>t.$active?"#ffffff":"#71717a"};
	position: relative;
	padding: 4px 2px;
	border-radius: 4px;
	transition: color 0.15s ease;

	&::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: -5px;
		height: 1.5px;
		background: ${t=>t.$active?"#ffffff":"transparent"};
		border-radius: 2px;
	}

	&:hover {
		color: #a1a1aa;
	}
`,m=({title:t,buttons:r=[],rightContent:l,segments:n})=>o.jsxs(x,{children:[o.jsx(d,{children:t}),o.jsxs(f,{children:[n&&o.jsx(h,{children:n.items.map(e=>o.jsx(g,{$active:n.activeValue===e.value,onClick:()=>n.onChange(e.value),children:e.label},e.value))}),l,r.map((e,i)=>{const s=e.phosphorIcon,c=i===r.length-1;return o.jsxs(p,{onClick:e.onClick,variant:e.variant??"ghost",className:["bg-transparent","hover:bg-neutral-900","border-none","shadow-none","text-sm","text-gray-200","px-2","gap-1",c?"pr-3":"",e.className??""].filter(Boolean).join(" "),children:[s&&o.jsx(s,{size:16}),e.label]},i)})]})]});export{m as U};