import {
createElement,
memo,
useState,
RawHTML,
Fragment,
} from '@wordpress/element'
import { syncHelpers } from 'blocksy-options'
import { nanoid } from 'nanoid'
export const getStylesForBlock = (variables, cssURLs = []) => {
let result = ''
const cacheId = nanoid()
const commonArgs = {
cacheId,
initialStyleTagsDescriptor: [
{
readStyles: () => {
return ''
},
persistStyles: (newCss) => {
result = newCss
},
},
],
}
const astDescriptor = syncHelpers.getStyleTagsWithAst(commonArgs)
variables.map((variableDescriptor) => {
let ast = syncHelpers.getUpdateAstsForStyleDescriptor({
variableDescriptor: variableDescriptor.variables,
value: variableDescriptor.value,
fullValue: {},
...commonArgs,
})
syncHelpers.persistNewAsts(cacheId, ast)
})
let styles = result ? : null
cssURLs = [
(window.ct_localizations || window.ct_customizer_localizations)
.backend_dynamic_styles_urls.flexy,
]
return (
{styles}
{cssURLs.map((url) => {
return
})}
)
}