import"../../theme/internal.mjs";import{flexWrapValues as o,alignItemsValues as s,justifyContentValues as a}from"../utils.mjs";import p from"../../theme/util/genComponentStyleHook.mjs";import{merge as r}from"../../theme/util/statistic.mjs";const c=t=>{const{componentCls:e}=t;return{[e]:{display:"flex","&-vertical":{flexDirection:"column"},"&-rtl":{direction:"rtl"},"&:empty":{display:"none"}}}},i=t=>{const{componentCls:e}=t;return{[e]:{"&-gap-small":{gap:t.flexGapSM},"&-gap-middle":{gap:t.flexGap},"&-gap-large":{gap:t.flexGapLG}}}},f=t=>{const{componentCls:e}=t,n={};return o.forEach(l=>{n[`${e}-wrap-${l}`]={flexWrap:l}}),n},g=t=>{const{componentCls:e}=t,n={};return s.forEach(l=>{n[`${e}-align-${l}`]={alignItems:l}}),n},m=t=>{const{componentCls:e}=t,n={};return a.forEach(l=>{n[`${e}-justify-${l}`]={justifyContent:l}}),n},d=p("Flex",t=>{const e=r(t,{flexGapSM:t.paddingXS,flexGap:t.padding,flexGapLG:t.paddingLG});return[c(e),i(e),f(e),g(e),m(e)]});export{d as default};
