~app/theme.ts
.ts
TypeScript
(application/typescript)
import { DefaultTheme } from "styled-components";
import { createStyledContainerQueries } from "styled-container-queries";

import { breakpoints } from "./utils/style";

const containerTheme = createStyledContainerQueries(breakpoints);

const styledTheme: DefaultTheme = {
  // This is where we would register styled theme
  // so we can use it in css via theme.property.
};

const theme = {
  ...containerTheme,
  ...styledTheme,
};

export { theme };