@hhgtech/hhg-components 1.23.96 → 1.24.0

package/build/esm/index.styled-6abf9e6a.js

@@ -0,0 +1,45 @@
+import{_ as e}from"./tslib.es6-0039c19c.js";import o,{useMemo as i}from"react";import{L as r}from"./Locale-00425d00.js";import{CommonGAssets as t}from"./gAssets.js";import{t as n}from"./theme-a631c5ab.js";import{T as s}from"./index-7b6296d5.js";import l from"styled-components";import{C as c}from"./index-c9e0a1b5.js";const a=l.div`
+  display: inline-flex;
+  overflow: hidden;
+  width: ${e=>e.size}px;
+  height: ${e=>e.size}px;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+
+  border: 1px solid #e4e8ec;
+  background-color: ${e=>e.backgroundColor||n.colors.white};
+  border-radius: ${e=>e.borderRadius||"50%"};
+  & > * {
+    width: ${e=>e.iconSize}px;
+    height: ${e=>e.iconSize}px;
+  }
+`,p=l.div`
+  display: inline-block;
+  height: 108px;
+  background-color: ${e=>e.theme.colors.white};
+  border-radius: 60px;
+  cursor: pointer;
+  &.selected-week-pill {
+    background-color: ${e=>e.theme.colors.pink100};
+  }
+
+  & > div:first-child {
+    margin: 4px 4px 0;
+  }
+
+  & > p {
+    margin-top: 8px;
+    text-align: center;
+  }
+
+  & > * {
+    pointer-events: none;
+  }
+`,d=[r.Myanmar,r.Taiwan],m=l((r=>{var{icon:l,name:c,className:m,locale:g="en-PH",onSelect:x}=r,b=e(r,["icon","name","className","locale","onSelect"]);const h=i((()=>null==m?void 0:m.includes("selected-week-pill")),[m]);return o.createElement(p,Object.assign({onClick:x,className:m?"week-pill".concat(" non-pointer-event-child ",m):"week-pill non-pointer-event-child"},b),o.createElement(a,{size:64,iconSize:40,backgroundColor:n.colors.white},o.createElement("img",{src:l||t.getAssetPath("week_default.png"),alt:""})),h?o.createElement(s,Object.assign({type:"semiBold",size:"n1",color:n.colors.gray800},d.includes(g)&&{style:{fontSize:"10px"}}),c):o.createElement(s,Object.assign({size:"n1",color:n.colors.gray600},d.includes(g)&&{style:{fontSize:"10px"}}),c))}))`
+  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
+`,g=l(c.Slide)``,x=l(c)`
+  .centerred-pill-wrapper {
+    padding: 16px 0;
+  }
+`;export{x as S,g as a,m as b};