https://cdn.stonly.com/website/def43109/build/_shared/chunk-IFWNX7FE.js

1import{a as f}from"https://cdn.stonly.com/website/def43109/build/_shared/chunk-QXCAJI7B.js";import{a as D}from"https://cdn.stonly.com/website/def43109/build/_shared/chunk-MGP66766.js";import{i as a,j as s}from"https://cdn.stonly.com/website/def43109/build/_shared/chunk-RN4UBHQU.js";import{f as y}from"https://cdn.stonly.com/website/def43109/build/_shared/chunk-4522FDYF.js";import{b as v}from"https://cdn.stonly.com/website/def43109/build/_shared/chunk-62HR36CZ.js";import{e as p,h as m,i as g,j as u,l as C,n as w}from"https://cdn.stonly.com/website/def43109/build/_shared/chunk-L7PPNJWH.js";m();g();u();w();C();var e=p(D());var t=p(v()),r={widthHeight:{verysmall:16,small:20,big:36},borderRadius:{verysmall:100,small:100,big:31}},$={normal:{light:"#d3d5da",dark:"#929397",veryDark:"#3A375D"},hover:{light:"#DCDDE1",dark:"#A7A9AF",veryDark:"#312E56"}},k=a`
2  position: absolute;
3  width: ${({size:o})=>r.widthHeight[o]}px;
4  height: ${({size:o})=>r.widthHeight[o]}px;
5  border-radius: ${({size:o})=>r.borderRadius[o]}px;
6  top: ${({$placement:o})=>o}px;
7  ${({$position:o})=>o}: ${({$placement:o})=>o}px;
8
9  &:focus {
10    outline: none;
11  }
12
13  body.navigating-with-keyboard &:focus {
14    box-shadow: 0 0 0 2px white, 0 0 0 4px ${o=>o.theme.turquoise};
15  }
16`,B=s.div.withConfig({componentId:"sc-vmwq5g-0",displayName:"CloseButton__Canvas"})``,b=s.div.withConfig({componentId:"sc-vmwq5g-1",displayName:"CloseButton__Close"})`
17  display: inline-flex;
18  align-items: center;
19  justify-content: center;
20  width: 100%;
21  height: 100%;
22  border-radius: inherit;
23  background-color: ${({theme:o})=>$.normal[o]};
24  cursor: pointer;
25
26  @media not all and (pointer: coarse) {
27    &:hover {
28      background-color: ${({theme:o})=>$.hover[o]};
29    }
30  }
31`,I=s(y).withConfig({componentId:"sc-vmwq5g-2",displayName:"CloseButton__CloseLink"})`
32  ${k}
33`,q=s.div.withConfig({componentId:"sc-vmwq5g-3",displayName:"CloseButton__CloseFunction"})`
34  ${k}
35`,x=s(f).withConfig({componentId:"sc-vmwq5g-4",displayName:"CloseButton__Cross"})`
36  pointer-events: none;
37
38  width: 20px;
39  height: 20px;
40
41  ${({size:o})=>o==="verysmall"&&a`
42      width: ${r.widthHeight[o]}px;
43      height: ${r.widthHeight[o]}px;
44    `}
45
46  path {
47    ${({theme:o})=>o==="dark"&&a`
48        fill: ${l=>l.theme.gray};
49      `}
50  }
51`,_=({onClick:o,href:l,size:i="small",theme:n="light",placement:h=24,position:c="right"})=>(0,t.jsxs)(B,{children:[l&&(0,t.jsx)(I,{to:l,size:i,theme:n,placement:h,position:c,role:"button",tabIndex:"0",children:(0,t.jsx)(b,{size:i,theme:n,children:(0,t.jsx)(x,{size:i,theme:n})})}),o&&(0,t.jsx)(q,{onClick:o,onKeyDown:d=>{[13,32].includes(d.keyCode)&&(d.preventDefault(),o(d))},size:i,theme:n,$placement:h,$position:c,role:"button",tabIndex:"0",children:(0,t.jsx)(b,{size:i,theme:n,children:(0,t.jsx)(x,{size:i,theme:n})})})]});_.propTypes={onClick:e.default.func,href:e.default.string,size:e.default.string,theme:e.default.string,placement:e.default.number,position:e.default.string};var L=_;export{L as a};