SELECT Name FROM Account

SELECT Name FROM Account

Account

/**
 * @param {Object} params - An object 
 *                 that will be passed to the page.
 * @param {string} entity - The name of the page.
 * @param {string | null} id - The id or null.
 * @param {"new" | "view" | "edit"} mode 
 * - The mode of the page, one of 'new', 'view' or 'edit'.
 * @param {"present" | "push"} presentationMode 
 *- The mode of presentation, either 'present' (default) or 'push'.
 */
navigate(
    params: Object,
    entity: string,
    id: string, 
    mode: "new" | "view" | "edit",
    presentationMode: "present" | "push"
) 

const App = (initialPrameters) => {...}

initialPrameters = {
  "entity": "Widget",
  "recordId": "111",
  "queryItems": {
      "name": "Test3",
      "value": "Value" 
  },
}

const DefaultTheme: Theme = {
  dark: false,
  fonts: {...},
  colors: {...},
  ...
}

const fonts = Platform.select({
  ios: {
    regular: {
      fontFamily: 'System',
      fontWeight: '400',
    },
    medium: {
      fontFamily: 'System',
      fontWeight: '500',
    },
    light: {
      fontFamily: 'System',
      fontWeight: '300',
    },
    thin: {
      fontFamily: 'System',
      fontWeight: '100',
    },
  },
  web: {...}
 }

colors: {
    primary: '#0768FD',
    secondary: '#0076AE',
    tertiary: '#595959',
    background: '#F6F6F6',
    surface: '#ffffff',
    error: '#E20000',
    text: '#000000',
    ...
}

const styles = StyleSheet.create({
  title: {
    marginBottom: 15,
    color: '#20232a',
    fontSize: 30,
    fontWeight: 'bold',
  },
  subTitle: {
    marginTop: 10,
    color: '#ccc',
    fontSize: 30,
  }
});

export const FONT_STYLES = {
  heading1: {
    marginBottom: 15,
    color: '#20232a',
    fontSize: 30,
    fontWeight: 'bold',
  },
  body: {
    marginTop: 10,
    color: '#000',
    fontSize: 30,
  }
};

const StyledText = ({ family, style, ...rest }) => {
  const { colors, fonts } = useTheme();
  const textColor = colors.text;
  const font = fonts[family];
  const writingDirection = I18nManager.isRTL ? 'rtl' : 'ltr';

  return (
    <Text
      {...rest}
      style={[
        { color: textColor, ...font, textAlign: 'left', writingDirection },
        style,
      ]}
    />
  );
};

export default StyledText;

const theme = {
  ...
  typography: {
    text: {
      fontSize: 14,
      lineHeight: 20,
      marginVertical: 2,
      letterSpacing: 0.25,
    },
    caption: {...},
    placeholder: {...}
  }
} 

const Caption = ({syles, ...rest}) => (
  const { typography } = useTheme();

  <StyledText
    {...rest}
    family="regular"
    style={[typography, props.style]}
  />
);

<TextInput
  placeholder="Placeholder"
/>

<TextInput
  placeholder="Placeholder"
  label="Password"
/>

<TextInput
  placeholder="Placeholder"
  label="Password"
  required
/>

<TextInput
  placeholder="Placeholder"
  label="Password"
  required
  asteriskPosition="???"
/>

<TextInput
  placeholder="Placeholder"
  label={<Text><Text>*</Text> Password</Text>}
/>

<TextInput
  placeholder="Placeholder"
  label={<Text><Text>*</Text> Password</Text>}
  leftIcon="user"
/>

<TextInput
  placeholder="Placeholder"
  label={<Text><Text>*</Text> Password</Text>}
  leftIcon="user"
  onLeftIconPress={()=>???}
/>

<TextInput
  placeholder="Placeholder"
  label={<Text><Text>*</Text> Password</Text>}
  LeftElement={
    <Icon name="person" size={15} color="#ccc" />
  }
/>

<TextInput
  placeholder="Placeholder"
  label={<Text><Text>*</Text> Password</Text>}
  LeftElement={
    <Icon name="person" size={15} color="#ccc" />
  }
  RightElement={
    <Icon name="eye-off" size={15} color="#ccc" />
  }
/>