import React from 'react'

export function Full(props) {
    return <div {...props} className={"w-full lg:px-2 py-2 " + (props.className??"")}>
        {props.children}
    </div>
}
export function Half(props) {
    return <div {...props} className={"w-full lg:w-6/12 lg:px-2 py-2 " + (props.className??"")}>
        {props.children}
    </div>
}
export function Quarter(props) {
    return <div {...props} className={"w-full lg:w-6/12 xl:w-3/12 lg:px-2 py-2 " + (props.className??"")}>
        {props.children}
    </div>
}
export function Third(props) {
    return <div {...props} className={"w-full lg:w-4/12 lg:px-2 py-2 " + (props.className??"")}>
        {props.children}
    </div>
}
export function TwoThird(props) {
    return <div {...props} className={"w-full lg:w-8/12 lg:px-2 py-2 " + (props.className??"")}>
        {props.children}
    </div>
}