import { FC } from 'react';
import { SafeScreen, BackHeader, Text } from 'components';
import { Container } from 'components/layout';
import { Root } from 'components/settings';
export const Settings: FC = () => {
  return (
    <SafeScreen edges={['top', 'bottom']}>
      <BackHeader
        isBack={true}
        leftElement={
          <Container ml="xs">
            <Text variant="title">Settings</Text>
          </Container>
        }
      />

      <Root />
    </SafeScreen>
  );
};
