| 1 |
const generateAlignmentStyles = ({ controlName, attributes, propertyName }) => { |
| 2 |
const { [`${controlName}Aligns`]: aligns } = attributes; |
| 3 |
|
| 4 |
const deskAlign = |
| 5 |
aligns && aligns.desk !== undefined && aligns.desk !== '' |
| 6 |
? `${propertyName}:${aligns.desk};` |
| 7 |
: ''; |
| 8 |
const tabAlign = |
| 9 |
aligns && aligns.tab !== undefined && aligns.tab !== '' |
| 10 |
? `${propertyName}:${aligns.tab};` |
| 11 |
: ''; |
| 12 |
const mobAlign = |
| 13 |
aligns && aligns.mob !== undefined && aligns.mob !== '' |
| 14 |
? `${propertyName}:${aligns.mob};` |
| 15 |
: ''; |
| 16 |
|
| 17 |
return { |
| 18 |
deskAlign, |
| 19 |
tabAlign, |
| 20 |
mobAlign, |
| 21 |
}; |
| 22 |
}; |
| 23 |
|
| 24 |
export default generateAlignmentStyles; |
| 25 |
|
