More components

2020-12-20 21:53:23 -06:00
parent df54b5834b
commit fdef2842ef
56 changed files with 2000 additions and 222 deletions
@@ -0,0 +1,13 @@
+import classNames from 'classnames';
+
+const Tab = ({ title, icon, selected, selectedIcon, onClick }) => (
+  <a onClick={onClick} href="#" className={classNames('px-6 rounded-md text-sm text-center font-medium cursor-pointer', {
+    'text-gray-500': !selected,
+    'text-gray-800': selected
+  })}>
+    {icon && <ion-icon name={selected ? selectedIcon : icon } className="cursor-pointer" style={{ fontSize: '18px' }}/>}
+    <label className="block cursor-pointer">{title}</label>
+  </a>
+)
+
+export default Tab;