import React , { ReactNode } from "react" ; import styles from "./ButtonContainer.module.css" ; interface ButtonContainerProps { children : ReactNode ; paddingTop ? : "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" ; reverseMobile ? : boolean ; } export const ButtonContainer = ( { children , paddingTop , reverseMobile , } ) => ( < div className = { reverseMobile ? styles . containerMobileReverse : styles . container } style = { paddingTop ? { paddingTop : `var(--${ paddingTop })` } : { } } > { children } < /div>);