"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("../../_virtual/jsx-runtime.js"),d=require("styled-components"),t=require("../../utils/index.js"),l=require("../Tag/index.js");function u(e){return e&&e.__esModule?e:{default:e}}var o=u(d);const c=require("@jet-pie/theme/variations/skip"),a=c.skipTokens,p=o.default.div`
  font-family: Ubuntu;
  margin: 2rem 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 32px;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  @media (max-width: 600px) {
    grid-template-columns: 1fr;
  }
`,x=o.default.div`
  display: flex;
  width: 100%;
  padding: 14px 0;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid lightgrey;
  justify-content: space-between;
  div {
    display: flex;
    flex-direction: column;

    span:nth-child(1) {
      color: ${t.getColorAlias("contentDefault")};
      ${t.getFontSize("size16")};
      margin-bottom: ${t.getSpacing("s04")};
    }

    span:nth-child(2) {
      color: ${t.getColorAlias("contentSubdued")};
      ${t.getFontSize("size16")};
    }

    span:nth-child(3) {
      color: ${t.getColorAlias("contentDefault")};
      display: flex;
      ${t.getFontSize("size16")};
      margin-bottom: ${t.getSpacing("s04")};
      b {
        margin-right: ${t.getSpacing("s02")};
        text-decoration: underline;
      }
    }

    > div {
      margin-bottom: ${t.getSpacing("s04")};
    }
  }
`,g=o.default.span`
  width: 120px;
  height: 120px;
  border-radius: ${e=>e.theme.radius.roundedC};
  background: ${e=>e.color};
  border: 1px solid lightgrey;
`,m=e=>{const{global:n}=a;return Object.keys(n).find(r=>n[r]===e)||""},f=({name:e,color:n,isAlias:r})=>{const s=r?m(n):"";return i.jsxRuntimeExports.jsxs(x,{children:[i.jsxRuntimeExports.jsxs("div",{children:[i.jsxRuntimeExports.jsx("span",{children:e}),i.jsxRuntimeExports.jsx(l.Tag,{size:"large",variant:"neutral",label:t.getColorAliasValue(n).toUpperCase()}),s!==""&&i.jsxRuntimeExports.jsxs("span",{children:[i.jsxRuntimeExports.jsx("b",{children:"Global Token:"}),i.jsxRuntimeExports.jsx(l.Tag,{size:"large",variant:"info",label:s})]})]}),i.jsxRuntimeExports.jsx(g,{color:n})]})};function j({colors:e,isAlias:n}){return i.jsxRuntimeExports.jsx(p,{children:Object.entries(e).map(([r,s])=>i.jsxRuntimeExports.jsx(f,{name:r,color:String(s),isAlias:!!n},r))})}exports.ColorList=j;exports.skipTokens=a;
