import { ThemeProvider } from 'styled-components';

export const theme = {
  colors: {
    main: '#000',
    default: '#fff',
    success: 'rgb(71, 176, 75)',
    background: '#ffc200',
  },
  fontSizes: {
    small: '12px',
    medium: '16px',
  },
};

interface Props {
  children: React.ReactNode;
}

export const KDSTheme = ({ children }: Props) => (
  <ThemeProvider theme={theme}>{children}</ThemeProvider>
);