@while-and-for/tremor-react
Version:
The React library to build dashboards faster.
2 lines (1 loc) • 999 B
JavaScript
;var e=require("tslib"),t=require("react"),r=require("../../../lib/utils.cjs"),s=require("../../../lib/tremorTwMerge.cjs");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t);const n=r.makeClassName("Flex"),a={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},c={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"},o={row:"flex-row",col:"flex-col","row-reverse":"flex-row-reverse","col-reverse":"flex-col-reverse"},f=i.default.forwardRef(((t,r)=>{const{flexDirection:l="row",justifyContent:f="between",alignItems:u="center",children:m,className:d}=t,j=e.__rest(t,["flexDirection","justifyContent","alignItems","children","className"]);return i.default.createElement("div",Object.assign({ref:r,className:s.tremorTwMerge(n("root"),"flex w-full",o[l],a[f],c[u],d)},j),m)}));f.displayName="Flex",module.exports=f;