https://blueberry1001.github.io/assets/PortfolioArticleDetail-CjVgPebE.js

1import{c,u as d,a as o,j as e}from"./index-BHfu0Y5v.js";import{a as m}from"./portfolioData-BWcAMvlX.js";import{C as h}from"./calendar-I8chUdxT.js";import{C as p}from"./clock-XfLCOv6c.js";import{T as b}from"./tag-TGCeIv1c.js";import{E as i}from"./external-link-C-SpbFYV.js";/**
2 * @license lucide-react v0.487.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const u=[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]],f=c("arrow-left",u),k=()=>{var r;const{id:t}=d(),a=o(),s=t?m[t]:void 0;return s?e.jsxs("div",{className:"min-h-screen bg-slate-50 pb-20 pt-20",children:[e.jsx("div",{className:"mx-auto max-w-4xl px-6 pt-8",children:e.jsxs("button",{className:"group flex items-center gap-2 text-slate-600 transition-colors hover:text-slate-900",onClick:()=>a(-1),type:"button",children:[e.jsx(f,{className:"transition-transform group-hover:-translate-x-1",size:20}),e.jsx("span",{className:"font-medium",children:"戻る"})]})}),e.jsxs("article",{className:"mx-auto max-w-4xl px-6 py-12",children:[e.jsx("div",{className:"mb-8 flex h-64 items-center justify-center rounded-3xl",style:{backgroundColor:s.thumbnail},children:e.jsx("h1",{className:"px-6 text-center text-5xl font-black text-white drop-shadow-lg",children:s.title})}),e.jsxs("div",{className:"mb-8 flex flex-wrap items-center gap-4 border-b border-slate-200 pb-8",children:[e.jsxs("div",{className:"flex items-center gap-2 text-slate-600",children:[e.jsx(h,{size:18}),e.jsx("span",{className:"text-sm",children:s.date})]}),e.jsxs("div",{className:"flex items-center gap-2 text-slate-600",children:[e.jsx(p,{size:18}),e.jsx("span",{className:"text-sm",children:s.readTime})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx(b,{className:"text-slate-600",size:18}),s.tags.map(l=>e.jsx("span",{className:"rounded-lg border border-blue-200 bg-blue-100 px-3 py-1 text-xs font-medium text-blue-700",children:l},l))]})]}),e.jsxs("div",{className:"max-w-none",children:[e.jsx("div",{className:"mb-8 rounded-r-xl border-l-4 border-blue-500 bg-blue-50 p-6",children:e.jsx("p",{className:"leading-relaxed text-slate-700",children:s.intro})}),s.sections.map((l,x)=>e.jsxs("section",{className:"mb-10",children:[e.jsxs("h2",{className:"mb-4 flex items-center gap-3 text-3xl font-bold text-slate-900",children:[e.jsxs("span",{className:"text-blue-500",children:[x+1,"."]}),l.heading]}),e.jsx("p",{className:"mb-4 text-lg leading-relaxed text-slate-700",children:l.content}),l.points?e.jsx("ul",{className:"ml-6 space-y-3",children:l.points.map(n=>e.jsxs("li",{className:"flex items-start gap-3 leading-relaxed text-slate-700",children:[e.jsx("span",{className:"mt-3 h-2 w-2 flex-shrink-0 rounded-full bg-blue-500"}),e.jsx("span",{children:n})]},n))}):null]},l.heading))]}),s.pdfUrl?e.jsxs("div",{className:"mb-10 flex flex-col gap-4",children:[e.jsx("div",{className:"flex justify-end",children:e.jsxs("a",{className:"flex items-center gap-2 rounded-lg bg-blue-50 px-4 py-2 text-sm font-semibold text-blue-600 transition-colors hover:bg-blue-100",href:s.pdfUrl,rel:"noreferrer",target:"_blank",children:[e.jsx(i,{size:16}),"新しいタブで全画面で開く"]})}),e.jsx("div",{className:"w-full overflow-hidden rounded-xl border border-slate-200 shadow-sm",style:{height:"800px"},children:e.jsx("iframe",{className:"h-full w-full border-none",src:s.pdfUrl,title:"PDF Viewer"})})]}):null,(r=s.relatedLinks)!=null&&r.length?e.jsxs("div",{className:"mt-12 border-t border-slate-200 pt-8",children:[e.jsx("h3",{className:"mb-4 text-xl font-bold text-slate-900",children:"関連リンク"}),e.jsx("div",{className:"space-y-3",children:s.relatedLinks.map(l=>e.jsxs("a",{className:"group flex items-center gap-2 text-blue-600 transition-colors hover:text-blue-700",href:l.url,rel:"noreferrer",target:"_blank",children:[e.jsx(i,{className:"transition-transform group-hover:translate-x-1",size:18}),e.jsx("span",{children:l.label})]},l.url))})]}):null]})]}):e.jsx("div",{className:"flex min-h-screen items-center justify-center pt-20",children:e.jsxs("div",{className:"text-center",children:[e.jsx("h1",{className:"mb-4 text-4xl font-bold text-slate-900",children:"記事が見つかりません"}),e.jsx("button",{className:"rounded-lg bg-blue-500 px-6 py-3 text-white transition-colors hover:bg-blue-600",onClick:()=>

6a("/home"),type:"button",children:"ホームに戻る"})]})})};export{k as default};