text: import {
    primaryColor,
    warningColor,
    dangerColor,
    successColor,
    infoColor,
    grayColor,
    title,
  } from "./crowd-funder"
  
  const infoAreaStyle = {
    infoArea: {
      maxWidth: "360px",
      margin: "0 auto",
      padding: "0px",
    },
    iconWrapper: {
      float: "left",
      marginTop: "24px",
      marginRight: "10px",
    },
    primary: {
      color: primaryColor,
    },
    warning: {
      color: warningColor,
    },
    danger: {
      color: dangerColor,
    },
    success: {
      color: successColor,
    },
    info: {
      color: infoColor,
    },
    gray: {
      color: grayColor,
    },
    icon: {
      width: "36px",
      height: "36px",
    },
    descriptionWrapper: {
      color: grayColor,
      overflow: "hidden",
    },
    title,
    description: {
      color: grayColor,
      overflow: "hidden",
      marginTop: "0px",
      fontSize: "14px",
    },
    iconWrapperVertical: {
      float: "none",
    },
    iconVertical: {
      width: "61px",
      height: "61px",
    },
  }
  
  export default infoAreaStyle
  