import React, { useCallback } from "react";
import { StyledItem } from "./Item.styled.js";
const Item = (props) => {
    const { onClick, value } = props;
    const handleClick = useCallback(() => {
        onClick(value.value);
    }, [onClick, value.value]);
    return (React.createElement(StyledItem, { onClick: handleClick, active: props.active, type: "button", "data-active": props.active }, props.value.label));
};
Item.displayName = "Item";
Item.toString = () => StyledItem.toString();
export { Item };
//# sourceMappingURL=Item.js.map