16f7084e7f
* Move * Adjust * publish = false * Tree * Move tests * fixup * Split `emotion` * Split `styled_jsx` * Split `styled_jsx` * fmt * `--fix` * clippy * Update crates * fixup * publish * Bump * Rename * authors * Update * More update * Oh * Update test refs * Update test refs * Update again * Fix
35 lines
665 B
JavaScript
35 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>
|
|
);
|
|
};
|
|
|