import styles from "/styles/Popsicle.module.css"

export default function Popsicle(props) {
    return (
        <div className={styles.Popsicle} style={{...props.customStyle}}>
            <i className="fas fa-info-circle" style={{scale: '1.5', paddingLeft: '10px', paddingRight: '15px'}}/>
            {props.children ?? "Popsicle"}<span style={{paddingRight: '10px'}}></span>
        </div>
    )
    // done
}
// are we even using three.js, it wastes a lot of bandwidth it will be used later, is there a way to disable certain folders? (I want to have a little cdn tho which would have some stuff that you could use for your projects)
// wat is dis

// This will be a little thing where it essentially pops up a little div, so like, for example, when you click enter while in the textbox, it will clear it and pop up a little box that would say, that you sent a message! It would dissapear after a bit (like 10 seconds)