芝麻web文件管理V1.00

编辑当前文件:/home/freeclou/app.optimyar.com/backend/node_modules/react-select/src/components/Group.js

// @flow
/** @jsx jsx */
import { type Node, type ComponentType } from 'react';
import { jsx } from '@emotion/react';
import { cleanCommonProps } from '../utils';

import type { CommonProps } from '../types';

type ComponentProps = {
  /** The children to be rendered. */
  children: Node,
  /** Component to wrap the label, receives headingProps. */
  Heading: ComponentType<any>,
  /** Props to pass to Heading. */
  headingProps: any,
  /** Props to be passed to the group element. */
  innerProps: {},
  /** Label to be displayed in the heading component. */
  label: Node,
  /* The data of the group. */
  data: any,
};
export type GroupProps = CommonProps & ComponentProps;

export const groupCSS = ({ theme: { spacing } }: GroupProps) => ({
  paddingBottom: spacing.baseUnit * 2,
  paddingTop: spacing.baseUnit * 2,
});

export const groupHeadingCSS = ({ theme: { spacing } }: GroupProps) => ({
  label: 'group',
  color: '#999',
  cursor: 'default',
  display: 'block',
  fontSize: '75%',
  fontWeight: '500',
  marginBottom: '0.25em',
  paddingLeft: spacing.baseUnit * 3,
  paddingRight: spacing.baseUnit * 3,
  textTransform: 'uppercase',
});

export const GroupHeading = (props: any) => {
  const { getStyles, cx, className } = props;
  const { data, ...innerProps } = cleanCommonProps(props);
  return (
    <div
      css={getStyles('groupHeading', props)}
      className={cx({ 'group-heading': true }, className)}
      {...innerProps}
    />
  );
};

export default Group;