import React from 'react'; import PropTypes from 'prop-types'; import Select from 'react-select'; import { Padded } from '@buffetjs/core'; import { useGlobalContext } from 'strapi-helper-plugin'; import { useRolesList } from '../../../hooks'; import styles from './utils/styles'; import ClearIndicator from './ClearIndicator'; import DropdownIndicator from './DropdownIndicator'; import ErrorMessage from './ErrorMessage'; import IndicatorSeparator from './IndicatorSeparator'; import MultiValueContainer from './MultiValueContainer'; const SelectRoles = ({ error, isDisabled, name, onChange, value }) => { const { formatMessage } = useGlobalContext(); const translatedError = error && error.id ? formatMessage(error) : null; const { roles: data, isLoading } = useRolesList(); return ( <>