import {__} from '@wordpress/i18n' import { applyFilters, } from '@wordpress/hooks' import { useSkaBlocksOptions, useTailwindOptions, } from '@ska/shared' // @ts-expect-error const placeholderImageUrl = window?.ska_blocks?.placeholderImageUrl || '' // @ts-expect-error const maxPlaceholderImage = parseInt(window?.ska_blocks?.maxPlaceholderImage || '0') /** System prompt for generating Tailwind HTML. */ const useHTMLSystemPrompt = () => { const pluginOptions = useSkaBlocksOptions() const tailwindOptions = useTailwindOptions() const prompt = ` Generate HTML code that uses Tailwind classes. Don't greet or explain anything. Don't add comments. Indent with tabs, not spaces. Tailwind version is 4 so you shouldn't use deprecated classes like "bg-opacity-50" or "ring-opacity-75" but instead should add the opacity suffix to the color, such as "bg-blue-300/50". Only output HTML, there is no need for surrounding , , ,