@mayank1513/fork-me
Version:
An intuitive React.js fork me ribbon component for promoting open source project forks.
2 lines (1 loc) • 943 B
JavaScript
var l={fork:"fork-me__fork"};import{jsx as u}from"react/jsx-runtime";function h({gitHubUrl:c,text:e,width:t,height:n,bgColor:p,shadowColor:f,textColor:g,noAutoFork:b}){let a=(Number.isNaN(Number(t))?t:`${t}px`)||"15em",s=(Number.isNaN(Number(n))?n:`${n}px`)||"35px",o=p||"#aaa",i=g||"#555",m={"--w":a,"--h":s,"--tc":i,"--bc":o,"--sc":o||f,position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700,width:a,height:s,transform:"rotate(45deg)",top:"calc(0.354 * var(--w) - var(--h))",right:"calc(-0.14 * var(--w) - 0.5 * var(--h))",color:i,backgroundColor:o,textShadow:"0px 1px 0px rgba(255, 255, 255, 0.3), 0px -1px 0px rgba(0, 0, 0, 0.7)",border:"1px dashed gray",outline:`4px solid ${o}`,textDecoration:"none",zIndex:1e3},r=c;return b||(r=r.endsWith("fork")?r:`${r}/fork`),u("a",{className:l.fork,href:r,rel:"noopener noreferrer",style:m,target:"_blank",children:e!=null?e:"Fork Me on GitHub"})}export{h as a};