import{jsx as e,jsxs as i}from"react/jsx-runtime";import{memo as a}from"react";import{styled as r}from"../../../styled-components.js";const l=r.div`
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) 0;
`,n=r.div`
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
`,t=r.div`
  display: inline-block;
  height: ${({type:o})=>o==="icon"?"var(--control-height-sm)":"calc(var(--control-height-sm) * 0.5)"};
  position: relative;
  overflow: hidden;
  background-color: var(--layer-color-hover);
  border-radius: var(--border-radius);
  width: ${({type:o})=>o==="icon"?"var(--control-height-sm)":"64px"};
`;function c(){return i(l,{children:[i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]})]})}const h=a(c);export{h as LanguageListSkeleton};
