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



      {}

      <_JSXStyle id={"ab280f80c0d19763"} 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>;
};