import React from "react";
import PropTypes from "prop-types";
import Text from "./Text";
import InlineCode from "./InlineCode";
import { text } from "../../../../../node_modules/@storybook/addon-knobs/dist/react";

export default function Reference({ children }) {
  return (
    <Text
      fontSize={Text.FONT_SIZES.M}
      fontFamily={Text.FONT_FAMILIES.MAIN}
      fontWeight={Text.FONT_WEIGHTS.REGULAR}
      lineHeight={Text.LINE_HEIGHTS.M}
      color={Text.DEFAULT_TEXT_COLOR}
    >
      Reference to: <InlineCode>{children}</InlineCode>
    </Text>
  );
}

Reference.propTypes = {
  children: PropTypes.node
};

import React from "react";
import PropTypes from "prop-types";
import Text from "./Text";
import InlineCode from "./InlineCode";

export default function Reference({ children }) {
  return (
    <Text
      fontSize={Text.FONT_SIZES.M}
      fontFamily={Text.FONT_FAMILIES.MAIN}
      fontWeight={Text.FONT_WEIGHTS.REGULAR}
      lineHeight={Text.LINE_HEIGHTS.M}
      color={Text.DEFAULT_TEXT_COLOR}
    >
      Reference to: <InlineCode>{children}</InlineCode>
    </Text>
  );
}

Reference.propTypes = {
  children: PropTypes.node
};

fix linter error