import _JSXStyle from "next/dist/shared/lib/styled-jsx";
export const Red = ({ Component ='button' ,  })=>{
    return <Component className={_JSXStyle.dynamic([
        [
            "6c7c8cee856673a7",
            [
                e1,
                e2,
                e3,
                e4,
                e5,
                e6,
                e7,
                e8,
                e9,
                e10,
                e11,
                e12,
                e13,
                e14,
                e15
            ]
        ]
    ])}>



      {}

      <_JSXStyle id={"6c7c8cee856673a7"} dynamic={[
        e1,
        e2,
        e3,
        e4,
        e5,
        e6,
        e7,
        e8,
        e9,
        e10,
        e11,
        e12,
        e13,
        e14,
        e15
    ]}>{`.button.__jsx-style-dynamic-selector{--button-1:${e1};--button-2:${e2};--button-3:${e3};--button-4:${e4};--button-5:${e5};--button-6:${e6};--button-7:${e7};--button-8:${e8};--button-9:${e9};--button-10:${e10};--button-11:${e11};--button-12:${e12};--button-13:${e13};--button-14:${e14};--button-15:${e15}}`}</_JSXStyle>

    </Component>;
};