✨ Updated Blockquote component to take data-test attributes

packages/components/src/Blockquote/index.js

@@ -1,25 +1,28 @@
-import React from "react";
+import React from 'react'
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types'
-import Icon from "../Icon";
+import Icon from '../Icon'
 
-const Blockquote = ({ type, children, style }) => {
+const Blockquote = props => {
+  const attr = Object.assign({}, props)
+  delete attr.type
+  delete attr.children
   return (
-    <blockquote className={type} style={style}>
+    <blockquote className={props.type} {...attr}>
-      {children}
+      {props.children}
-      <Icon icon={type} className={"icon " + type} />
+      <Icon icon={props.type} className={'icon ' + props.type} />
     </blockquote>
-  );
+  )
-};
+}
 
 Blockquote.propTypes = {
   type: PropTypes.string.isRequired,
   children: PropTypes.node,
   style: PropTypes.object
-};
+}
 
 Blockquote.defaultProps = {
-  type: "note",
+  type: 'note',
   children: null,
   style: {}
-};
+}
-export default Blockquote;
+export default Blockquote