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

export const TextRotate = (props) => {
  const { class: className, words, ...rest } = props;

  const wordsArray = Array.isArray(words) 
    ? words 
    : (typeof words === 'string' ? words.split(',') : []);

  return Tag("span", {
    ...rest,
    class: `text-rotate ${className || ''}`.trim()
  }, [
    Tag("span", {}, 
      wordsArray.map(word => Tag("span", {}, word))
    )
  ]);
};