import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const datalistcellbasestyles=`
	jn-flex
	jn-p-2
	jn-overflow-hidden
	jn-overflow-ellipsis
	jn-grow-0
	jn-shrink-0
	jn-flex-basis-auto
`,cols_1=`
	jn-w-grid-col-1
`,cols_2=`
	jn-w-grid-col-2
`,cols_3=`
	jn-w-grid-col-3
`,cols_4=`
	jn-w-grid-col-4
`,cols_5=`
	jn-w-grid-col-6
`,cols_6=`
	jn-w-grid-col-6
`,cols_7=`
	jn-w-grid-col-7
`,cols_8=`
	jn-w-grid-col-8
`,cols_9=`
	jn-w-grid-col-9
`,cols_10=`
	jn-w-grid-col-10
`,cols_11=`
	jn-w-grid-col-11
`,cols_12=`
	jn-w-grid-col-12
`,colsClass=a=>1===a?cols_1:2===a?cols_2:3===a?cols_3:4===a?cols_4:5===a?cols_5:6===a?cols_6:7===a?cols_7:8===a?cols_8:9===a?cols_9:10===a?cols_10:11===a?cols_11:12===a?cols_12:void 0,DataListCell=a=>{let{cols:c=null,width:d=null,auto:e=!1,className:f="",children:g=null,...b}=a;const h=d?{width:d+"%",flexGrow:"0",flexShrink:"0",flexBasis:d+"%"}:{},i=d?h:e?{flexGrow:"1",flexShrink:"0",flexBasis:"0"}:{};return React__default.createElement("div",_extends({className:`juno-datalist-cell ${datalistcellbasestyles} ${c?colsClass(c):""} ${f}`,style:i},b),g)};DataListCell.propTypes={cols:PropTypes.number,width:PropTypes.number,auto:PropTypes.bool,className:PropTypes.string,children:PropTypes.node};export{DataListCell as D};