phx-react
Version:
PHX REACT
12 lines • 915 B
JavaScript
import React from 'react';
import { classNames } from '../types';
export function PHXSegmentTab({ tabs }) {
return (React.createElement("div", { className: 'w-full flex overflow-x-auto' }, tabs.map((item, index) => (React.createElement("button", { key: index, className: classNames('w-full border-b border-r border-t border-gray-300 bg-white px-4 hover:bg-gray-200 min-w-[100px]', index === 0 && 'rounded-l-lg border-l', index === tabs.length - 1 && 'rounded-r-lg', item.active && '!border-b-gray-200 !bg-gray-100 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] !ring-0'), onClick: () => {
if (item.onClick) {
item.onClick();
}
} },
React.createElement("span", { className: 'my-2 text-xs text-gray-600' }, item.title),
React.createElement("p", { className: 'mb-1 text-sm font-medium' }, item.content))))));
}
//# sourceMappingURL=SegmentTab.js.map