export default function getLayoutAttributes( defaults ) {
const options = [
'display',
'flexDirection',
'flexWrap',
'alignItems',
'justifyContent',
'columnGap',
'rowGap',
'position',
'overflowX',
'overflowY',
];
const attributes = {};
options.forEach( ( option ) => {
attributes[ option ] = {
type: 'string',
default: defaults[ option ],
};
attributes[ option + 'Tablet' ] = {
type: 'string',
default: defaults[ option + 'Tablet' ],
};
attributes[ option + 'Mobile' ] = {
type: 'string',
default: defaults[ option + 'Mobile' ],
};
} );
attributes.zindex = {
type: 'number',
default: defaults.zindex,
};
attributes.zindexTablet = {
type: 'number',
default: defaults.zindexTablet,
};
attributes.zindexMobile = {
type: 'number',
default: defaults.zindexMobile,
};
return attributes;
}