admin08077/Githubgemini

1import{r as i,j as t}from"./react-CIdJ77ke.js";import{aE as n}from"./index-CX7Qxd1D.js";import"./@braintree-DzxiOROe.js";import"./react-dom-R9L8nDNe.js";import"./scheduler-CoSDG3-6.js";import"./@google-CcUHq7Ay.js";import"./idb-Dob3nYDb.js";import"./marked-BrGMJkBT.js";import"./mermaid-KwKZWwy0.js";import"./dayjs-CeEF-NGT.js";import"./d3-transition-CiCB8KJE.js";import"./d3-timer-DdKHrDhs.js";import"./d3-dispatch-kxCwF96_.js";import"./d3-interpolate-CtIaNujU.js";import"./d3-color-amxIadob.js";import"./d3-selection-C52G7wmG.js";import"./d3-ease-DRPgKoYJ.js";import"./d3-zoom-BYoC3mS3.js";import"./dompurify-J5RlrwSC.js";import"./dagre-d3-es-CTpFWynZ.js";import"./lodash-es-Dt6r0yiR.js";import"./d3-shape-CX8xTzfR.js";import"./d3-path-CimkQT29.js";import"./d3-fetch-BOsq7VnW.js";import"./khroma-DUX6PT6k.js";import"./uuid-DhYbOkY1.js";import"./d3-scale-DRZz3QW5.js";import"./internmap-BkD7Hj8s.js";import"./d3-array-DGRYoJHh.js";import"./d3-format-CzD4bSOQ.js";import"./d3-time-format-CUNN4Ell.js";import"./d3-time-6cSPyVSY.js";import"./d3-axis-DSWTncID.js";import"./elkjs-oKFFZvz7.js";import"./cytoscape-DtBltrT8.js";import"./cytoscape-cose-bilkent-Cgr1thlj.js";import"./cose-base-CwCxnKwh.js";import"./layout-base-CMXQqlmj.js";import"./d3-sankey-DgqkLiUE.js";import"./d3-scale-chromatic-B-NsZVaP.js";import"./ts-dedent-DrFu-skq.js";import"./stylis-D5iaQeiq.js";import"./mdast-util-from-markdown-CLAsVoWb.js";import"./micromark-CTBPIv-_.js";import"./micromark-util-combine-extensions-Bka6Sc1c.js";import"./micromark-util-chunked-DrRIdSP-.js";import"./micromark-factory-space-x2vfxbz5.js";import"./micromark-util-character-Bcm1tP9o.js";import"./micromark-core-commonmark-AH8VCgT7.js";import"./micromark-util-classify-character-Cq7Fg3xE.js";import"./micromark-util-resolve-all-PQCKh0dx.js";import"./decode-named-character-reference-C3-224fz.js";import"./micromark-util-subtokenize-QwsxNXk2.js";import"./micromark-factory-destination-CypD_wgM.js";import"./micromark-factory-label-CRHH4ZHP.js";import"./micromark-factory-title-B7kCBvC9.js";import"./micromark-factory-whitespace-B322EA6O.js";import"./micromark-util-normalize-identifier-C9ANKk3v.js";import"./micromark-util-html-tag-name-DbKNfynz.js";import"./micromark-util-decode-numeric-character-reference-DRnCnno4.js";import"./micromark-util-decode-string-DJl8Y_PO.js";import"./unist-util-stringify-position-Ch_qCilz.js";import"./mdast-util-to-string-C_aolqmU.js";import"./jszip-CFFhfFtd.js";import"./octokit-B6bKu3NB.js";import"./@octokit-MBEWYTsi.js";import"./bottleneck-D_vuF9V7.js";import"./universal-user-agent-CLgqIJsR.js";import"./before-after-hook-y8XtM9xW.js";import"./fast-content-type-parse-3SwieiST.js";const p=["Roboto","Open Sans","Lato","Montserrat","Oswald","Source Sans Pro","Raleway","Poppins","Nunito","Merriweather","Playfair Display","Lora","Noto Sans","Ubuntu","PT Sans","Slabo 27px","Great Vibes","EB Garamond"],Et=()=>{const[m,a]=i.useState("The quick brown fox jumps over the lazy dog."),[o,l]=i.useState(24);return i.useEffect(()=>{const e=p.join("|").replace(/ /g,"+"),s="font-picker-stylesheet";let r=document.getElementById(s);r||(r=document.createElement("link"),r.id=s,r.rel="stylesheet",document.head.appendChild(r)),r.href=`https://fonts.googleapis.com/css?family=${e}:400,700&display=swap`},[]),t.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[t.jsxs("header",{className:"mb-6",children:[t.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[t.jsx(n,{}),t.jsx("span",{className:"ml-3",children:"Font Preview Picker"})]}),t.jsx("p",{className:"text-text-secondary mt-1",children:"Enter your text and see how it looks with different fonts."})]}),t.jsxs("div",{className:"flex flex-col md:flex-row gap-4 mb-6",children:[t.jsxs("div",{className:"flex-grow",children:[t.jsx("label",{htmlFor:"preview-text",className:"text-sm font-medium",children:"Preview Text"}),t.jsx("input",{id:"preview-text",type:"text",value:m,onChange:e=>a(e.target.value),className:"w-full mt-1 p-2 bg-surface border border-border rounded-md"})]}),t.jsxs("div",{children:[t.jsxs("label",{htmlFor:"font-size",className:"text-sm font-medium",children:["Font Size (",o,"px)"]}),t.jsx("input",{id:"font-size",type:"range",min:"12",max:"72",value:o,onChange:e=>l(Number(e.target.value)),className:"w-full mt-1"})]})]}),t.jsx("div",{className:"flex-grow bg-surface border border-border rounded-lg p-4 overflow-y-auto",children:t.jsx("div",{className:"space-y-4",children:p.map(e=>t.jsxs("div",{className:"border-b border-border pb-2",children:[t.jsx("p",{className:"text-sm text-text-secondary",children:e}),t.jsx("p",{style:{fontFamily:`'${e}', sans-serif`,fontSize:`${o}px`},children:m})]},e))})})]})};export{Et as FontPreviewPicker};2//# sourceMappingURL=FontPreviewPicker-CKFfwwwW.js.map3