feat(lib): add touchable zone component

p3ol · Apr 19, 2021 · 0f5808f · 0f5808f
1 parent f115bcd
commit 0f5808f
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/packages/junipero/lib/TouchableZone/index.js b/packages/junipero/lib/TouchableZone/index.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { classNames } from '@poool/junipero-utils';
+
+const TouchableZone = ({
+  className,
+  children,
+  tag: Tag = 'a',
+  ...res
+}) => (
+  <Tag
+    { ...res }
+    className={classNames('junipero touchable-zone', className)}
+  >
+    <span className="content">{ children }</span>
+  </Tag>
+);
+
+TouchableZone.propTypes = {
+  tag: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.node,
+  ]),
+};
+
+export default TouchableZone;