---
import SanitizedNode from "./StrapiBlockNode.astro";
import type { StrapiBlockNode, StrapiBlockTheme } from "../../../types";
import { sanitizeStrapiNodeData, StrapiBlockThemeDefault } from "../../../lib";
type Props = {
    class?: string;
    no: number;
    data: Array<StrapiBlockNode>;
    theme: StrapiBlockTheme;
};

const {
    no,
    data,
    class: classes = "",
    theme = StrapiBlockThemeDefault,
} = Astro.props;

const sanitizedData = sanitizeStrapiNodeData(data);
const hasTextContent = sanitizedData.length > 0;
---

{
    hasTextContent && (
        <li class={classes}>
            <SanitizedNode data={sanitizedData} theme={theme.paragraph} />
        </li>
    )
}