@taylorwhite/copacetic-frontity-theme/src/components/styles/border-box.js

A frontity theme made with Chakra UI

import React from "react";
import { Box } from "@chakra-ui/core";

/**
 * A Box with accented top border
 * @param {React.ComponentProps<typeof Box>} props
 */
const BorderBox = props => (
  <Box
    p="40px"
    bg="accent.50"
    borderTop="4px solid"
    borderColor="accent.400"
    {...props}
  />
);

export default BorderBox;