import { IProps } from "@/common/Iprops.interface";

interface VerticalTextType extends IProps{
    text: string;
    containerStyle?: string;
    itemStyle?: string;
}

export const VerticalText = (props: VerticalTextType)=>{
    const {text,containerStyle,itemStyle} = props;
    const textArr = text.split('')
    return(
        <div className={`grid-cols-1 ${containerStyle}`}>
            {
                textArr&&textArr.map((i,index)=>(
                    <div className={itemStyle} key={index}>
                        {i}
                    </div>
                ))
            }
        </div>
    )
}