orcs-design-system/es/assets/Colour/index.js

TeamForm's Design System, aka: ORCS

import styled from "styled-components";
import { themeGet } from "@styled-system/theme-get";
import shouldForwardProp from "@styled-system/should-forward-prop";
import { css } from "styled-components";
export const Colour = styled("div").withConfig({
  shouldForwardProp,
  displayName: "Colour",
  componentId: "sc-uyvdow-0"
})(props => {
  return css({
    backgroundColor: themeGet(`colors.${props.bg}`)(props),
    width: "75px",
    height: "75px"
  });
});

/** @component */
export default Colour;