import { type FC } from 'react';

import Stack from '@material-hu/mui/Stack';

import { type ButtonProps } from '@material-hu/components/design-system/Buttons/Button';

import ProfilesConfiguration from './components/ProfilesConfiguration';
import ProfilesCustomFields from './components/ProfilesCustomFields';

type Props = {
  SaveButton: FC<ButtonProps>;
};

const ProfilesSettings = ({ SaveButton }: Props) => (
  <Stack spacing={3}>
    <ProfilesConfiguration SaveButton={SaveButton} />
    <ProfilesCustomFields />
  </Stack>
);

export default ProfilesSettings;