import { View, Switch } from 'react-native';
import { usePollPostComposerContext } from '../PollPostComposer';
import { useStyles } from '../styles';
import FormLabel from '../../../../elements/FormLabel';
import { ElementID, PageID } from '../../../../enums';
import FormDescription from '../../../../elements/FormDescription';
export function PollSelection() {
  const {
    styles,
    theme
  } = useStyles();
  const {
    isMultipleOption,
    setIsMultipleOption
  } = usePollPostComposerContext();
  return /*#__PURE__*/React.createElement(View, {
    style: styles.fieldContainer
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.rowContainer
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.fillSpace
  }, /*#__PURE__*/React.createElement(FormLabel, {
    style: styles.base,
    pageId: PageID.poll_post_composer_page,
    elementId: ElementID.poll_multiple_selection_title
  }), /*#__PURE__*/React.createElement(FormDescription, {
    style: styles.baseShade1,
    pageId: PageID.poll_post_composer_page,
    elementId: ElementID.poll_multiple_selection_desc
  })), /*#__PURE__*/React.createElement(Switch, {
    ios_backgroundColor: theme.colors.baseShade3,
    thumbColor: theme.colors.background,
    trackColor: {
      false: theme.colors.baseShade3,
      true: theme.colors.primary
    },
    value: isMultipleOption,
    onValueChange: setIsMultipleOption
  })));
}
//# sourceMappingURL=PollSelection.js.map