How to add a condition inside the breakpoint

[AndriaSalah]

Am a fairly new developer and i have trying to add a condition inside of a breakpoint
like this
breakpoints={{ 340: { slidesPerView: Shown? 1:2 } }}

but what happens is that when the condition shown is false it doesnt show 2 , it shows the default value which is 5

here is the code

modules={[Grid, Pagination, Navigation]}
                    spaceBetween={20}
                    slidesPerView={Shown ? 4 : 5}
                    navigation={true}`
                    pagination={{clickable: true, type: "bullets", dynamicBullets: true, dynamicMainBullets: 1}}
                    grid={{rows: 2, fill: "row"}}
                    className={'men'}

what am trying to do is when a desktop user is using the website it should show them 4 slides when the condition shown is true and
and when it's false it should show 5 and when a mobile user is using it it should show 1 slide when the condition shown is true and 2 when it's false

thanks