https://www.futurefinancialadviser.co.uk/vite/assets/ChannelHero-DM4jxrqC.js

1import{j as e}from"./ActionReorderRow-BjG_zV1W.js";import{r as m}from"./inertia-RD3ufAMb.js";import d from"./ChannelFollowButton-QD5BD_Et.js";import{u as x}from"./useI18n-LenzBid-.js";import"./index-CbT_SYDc.js";import"./_commonjsHelpers-BosuxZz1.js";import"./___vite-browser-external_commonjs-proxy-DRaEfepn.js";import"./index-BNm3Rcc9.js";import"./index-BZkQkjKR.js";import"./Button-XI3WrZAg.js";import"./FaIcon-p2lhKWL0.js";const p={activity:"",courses:"/courses",content:"/content"};function C({channel:r,channelId:l,isSignedIn:n,activeSection:a,onToggleFollow:o}){const{t:s}=x();function i(t){t!==a&&m.visit(`/dev/channels/${l}${p[t]}`,{preserveState:!1})}const c=[{label:s("channels.showTabs.latest"),value:"activity",icon:"rectangle-history"},{label:s("channels.showTabs.courses"),value:"courses",icon:"graduation-cap"},{label:s("channels.showTabs.contents"),value:"content",icon:"grid"}];return e.jsx("header",{className:"mb-6 flex bg-gradient-to-b from-gray-100 to-gray-200 bg-cover bg-center bg-no-repeat",children:e.jsx("div",{className:"flex flex-1 flex-col pt-8",children:e.jsxs("div",{className:"container relative w-full",children:[e.jsx("section",{className:"flex flex-row items-start justify-between gap-4 rounded bg-white p-6 shadow",children:e.jsxs("div",{className:"flex w-full flex-col gap-3 md:flex-row md:items-start",children:[e.jsxs("div",{className:"flex w-full flex-col items-start justify-between gap-2",children:[e.jsx("h1",{className:"mb-0 text-lg font-bold text-gray-800 line-clamp-2 sm:text-xl md:text-2xl",children:r.name}),r.sanitizedDescription&&e.jsx("p",{className:"m-0 w-full p-0 text-sm text-gray-700 line-clamp-2 sm:pr-16",dangerouslySetInnerHTML:{__html:r.sanitizedDescription}})]}),e.jsx("div",{className:"flex-none",children:e.jsx(d,{channel:r,isSignedIn:n,onToggleFollow:o})})]})}),e.jsx("section",{children:e.jsx("nav",{className:"mt-6 flex overflow-hidden rounded","data-testid":"channel-section-nav",children:c.map(t=>e.jsx("button",{type:"button",onClick:()=>i(t.value),className:`relative border-b-2 bg-white px-4 py-2.5 text-sm transition-colors hover:bg-gray-100 ${a===t.value?"border-brand-primary text-gray-900 hover:border-brand-primary hover:text-gray-900":"border-transparent text-gray-700 hover:border-gray-100 hover:text-gray-900"}`,"data-testid":`channel-section-nav-${t.value}`,children:t.label},t.value))})})]})})})}export{C as default};