import { Flex, Input, Select, Option } from '@pega/cosmos-react-core';
import Popover from './Popover';
const comparisionTypes = [
    'Integer',
    'Decimal',
    'Currency',
    'Date & time',
    'Date only',
    'Time only'
];
const GroupConfig = ({ target, onCancel, onSubmit }) => {
    return (<Popover target={target} heading='Create Group' onCancel={onCancel} onSubmit={onSubmit}>
      <Flex container={{ direction: 'column', gap: 2 }}>
        <Input label='Heading' required/>
        <Select label='Allowed types'>
          <Option value='All'>All</Option>
          {comparisionTypes.map(type => {
            return <Option value={type}>{type}</Option>;
        })}
        </Select>
        <div>Etc...</div>
      </Flex>
    </Popover>);
};
export default GroupConfig;
//# sourceMappingURL=GroupConfig.jsx.map