Theming

1import React from 'react';
2import { styled } from '@filbert-js/core';
3import { ThemeProvider } from '@filbert-js/theming';
4const Button = styled('button')`
5 background: ${({ theme }) => theme.colors.brand};
6 border: solid 1px gray;
7`;
8const theme = {
9 colors: {
10 brand: 'hotpink',
11 },
12};
13render(
14 <ThemeProvider theme={theme}>
15 <Button>This is a Button component.</Button>
16 </ThemeProvider>,
17);