wix-style-react/src/DropdownComposite/DropdownComposite.js

wix-style-react

import React from 'react';
import { bool, node } from 'prop-types';
import * as Composite from '../Composite';
import Label from '../Label';
import Dropdown from '../Dropdown';
import InputAreaWithLabelComposite from '../Composite/InputAreaWithLabelComposite/InputAreaWithLabelComposite';

import deprecationLog from '../utils/deprecationLog';

deprecationLog(
  `Using "DropdownComposite" is deprecated. Please use "FormField".`,
);

const DropdownComposite = ({ children, ...props }) => (
  <InputAreaWithLabelComposite {...props}>
    {children}
  </InputAreaWithLabelComposite>
);

DropdownComposite.propTypes = {
  children: Composite.children(
    Composite.optional(Label),
    Composite.once(Dropdown),
  ),
  required: bool,
  appendToParent: bool,
  info: node,
  tooltip: node,
};

DropdownComposite.displayName = 'DropdownComposite';

export default DropdownComposite;