"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TagList = exports.TagBox = exports.Tag = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const twMerge_1 = require("../../twMerge");
const Flex_1 = require("../Flex");
const clsx_1 = tslib_1.__importDefault(require("clsx"));
exports.Tag = React.forwardRef((props, ref) => (React.createElement(Flex_1.Flex, { ...props, ref: ref, className: (0, twMerge_1.twMerge)(`ab-Tag twa:bg-primary twa:text-2 twa:py-2 twa:px-2 twa:inline-flex twa:rounded-standard`, props.className), style: props.style })));
const TagBox = (props) => {
    return (React.createElement(Flex_1.Box, { className: (0, clsx_1.default)('twa:flex twa:flex-wrap twa:flex-row twa:gap-1', props.className) }, props.children));
};
exports.TagBox = TagBox;
const TagList = (props) => {
    return (React.createElement(exports.TagBox, { className: props.className }, props.tags.map((tag, index) => (React.createElement(exports.Tag, { key: index }, tag)))));
};
exports.TagList = TagList;
