36 lines
665 B
JavaScript
36 lines
665 B
JavaScript
|
|
||
|
|
|
||
|
|
export const Red = ({
|
||
|
|
Component = 'button',
|
||
|
|
}) => {
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Component
|
||
|
|
|
||
|
|
>
|
||
|
|
|
||
|
|
{/* Dynamic Styles */}
|
||
|
|
<style jsx>{`
|
||
|
|
.button {
|
||
|
|
--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};
|
||
|
|
}
|
||
|
|
`}</style>
|
||
|
|
</Component>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|