| 1 |
const generateBorderAttributes = ({ controlName }) => { |
| 2 |
return { |
| 3 |
[`${controlName}Style`]: { |
| 4 |
type: 'string', |
| 5 |
default: '' |
| 6 |
}, |
| 7 |
[`${controlName}Colors`]: { |
| 8 |
type: 'object', |
| 9 |
default: { |
| 10 |
normal: '', |
| 11 |
hover: '' |
| 12 |
} |
| 13 |
}, |
| 14 |
[`${controlName}LinkStatus`]: { |
| 15 |
type: 'boolean', |
| 16 |
default: true |
| 17 |
}, |
| 18 |
[`${controlName}LinkedWidth`]: { |
| 19 |
type: 'string' |
| 20 |
}, |
| 21 |
[`${controlName}Widths`]: { |
| 22 |
type: 'object', |
| 23 |
default: { |
| 24 |
top: '', |
| 25 |
right: '', |
| 26 |
bottom: '', |
| 27 |
left: '' |
| 28 |
} |
| 29 |
}, |
| 30 |
[`${controlName}TabLinkStatus`]: { |
| 31 |
type: 'boolean', |
| 32 |
default: true |
| 33 |
}, |
| 34 |
[`${controlName}TabLinkedWidth`]: { |
| 35 |
type: 'string' |
| 36 |
}, |
| 37 |
[`${controlName}TabWidths`]: { |
| 38 |
type: 'object', |
| 39 |
default: { |
| 40 |
top: '', |
| 41 |
right: '', |
| 42 |
bottom: '', |
| 43 |
left: '' |
| 44 |
} |
| 45 |
}, |
| 46 |
[`${controlName}MobLinkStatus`]: { |
| 47 |
type: 'boolean', |
| 48 |
default: true |
| 49 |
}, |
| 50 |
[`${controlName}MobLinkedWidth`]: { |
| 51 |
type: 'string' |
| 52 |
}, |
| 53 |
[`${controlName}MobWidths`]: { |
| 54 |
type: 'object', |
| 55 |
default: { |
| 56 |
top: '', |
| 57 |
right: '', |
| 58 |
bottom: '', |
| 59 |
left: '' |
| 60 |
} |
| 61 |
}, |
| 62 |
|
| 63 |
[`${controlName}Unit`]: { |
| 64 |
type: 'string', |
| 65 |
default: 'px' |
| 66 |
} |
| 67 |
}; |
| 68 |
}; |
| 69 |
|
| 70 |
export default generateBorderAttributes; |
| 71 |
|
