// components/Textrotate.js
import { Tag } from "sigpro";

export const TextRotate = (props) => {
  const wordsArray = Array.isArray(props.words) 
    ? props.words 
    : (typeof props.words === 'string' ? props.words.split(',') : []);
    
  return Tag("span", { ...props, class: `text-rotate ${props.class ?? ''}` }, [
    Tag("span", {}, wordsArray.map(word => Tag("span", {}, word)))
  ]);
};