import { jsx as _jsx } from "react/jsx-runtime";
import { Container, Item, Badge } from "./tabs.styled";
const Tabs = ({ items, className, selected, width, small, stroke, handleSelect, }) => {
    return (_jsx(Container, { className: `ui-tabs ${className ?? ""}${small ? " small" : ""}${stroke ? " stroke" : ""}`, width: width, children: items.map(({ code, label, disabled }) => {
            return (_jsx(Item, { className: `ui-tabs__item${code === selected ? " active" : ""}${small ? " small" : ""}${stroke ? " stroke" : ""}`, onClick: () => {
                    !disabled && handleSelect(code);
                }, children: label }, code));
        }) }));
};
export default Object.assign(Tabs, { Badge });
//# sourceMappingURL=tabs.js.map