"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useTab = exports.useRadio = exports.useCheckbox = void 0;

// <TabContainer>
//         <TabList>
//                 <Tab></Tab>
//                 <Tab></Tab>
//                 <Tab></Tab>
//         </TabList>
//         <TabContent>
//                 <TabPanel></TabPanel>
//                 <TabPanel></TabPanel>
//         </TabContent>
// </TabContainer>
// AccessNavigation(TabContainer, useTab({
// }));
var useTab = function useTab(props) {
  return {
    tablistProps: {
      "role": "tablist",
      "aria-label": props.ariaLabel
    },
    tabProps: {
      "role": "tab",
      "aria-selected": props.ariaSelected,
      "tabindex": props.tabindex,
      "aria-controls": props.ariaControls
    },
    tabpanelProps: {
      "role": "tabpanel",
      "aria-labelledby": props.ariaLabelledby,
      "tabindex": props.tabindex
    }
  };
}; // let { tablistProps, tabProps, tabpanelProps } = useTab(props);


exports.useTab = useTab;

var useRadio = function useRadio() {
  return {
    group: {
      role: "radiogroup"
    },
    item: {
      role: "radio"
    }
  };
};

exports.useRadio = useRadio;

var useCheckbox = function useCheckbox() {
  return {
    group: {
      role: "group"
    },
    item: {
      role: "checkbox"
    }
  };
};

exports.useCheckbox = useCheckbox;