Remove "extras" from generated component

commands/component.js

@@ -26,12 +26,6 @@ module.exports = async function (context) {
     {
       template: 'component.tsx.ejs',
       target: `src/views/${domainPath}${name}/${name}.tsx`
-    }, {
-      template: 'component.presets.ts.ejs',
-      target: `src/views/${domainPath}${name}/${name}.presets.ts`
-    }, {
-      template: 'component.props.ts.ejs',
-      target: `src/views/${domainPath}${name}/${name}.props.ts`
     }, {
       template: 'component.story.tsx.ejs',
       target: `src/views/${domainPath}${name}/${name}.story.tsx`

templates/component.tsx.ejs

@@ -1,33 +1,48 @@
 import * as React from "react"
-import { TouchableOpacity } from "react-native"
+import { ViewStyle, TouchableOpacity } from "react-native"
 <% if (props.newDomain) { -%>
 import { Text } from "../shared/text"
 <% } else if (props.sharedComponent) { -%>
 import { Text } from "../text"
 <% } else { -%>
 import { Text } from "../../shared/text"
 <% } -%>
-import { viewPresets, textPresets } from "./<%= props.name %>.presets"
 import { <%= props.pascalName %>Props } from "./<%= props.name %>.props"
 
+export interface <%= props.pascalName %>Props extends TouchableOpacityProperties {
+  /**
+   * Text which is looked up via i18n.
+   */
+  tx?: string
+
+  /**
+   * The text to display if not using `tx` or nested components.
+   */
+  text?: string
+
+  /**
+   * An optional style override useful for padding & margin.
+   */
+  style?: ViewStyle
+
+  /**
+   * One of the different types of text presets.
+   */
+  preset?: <%= props.pascalName %>PresetNames
+}
+
 /**
  * Stateless functional component for your needs
  *
  * Component description here for TypeScript tips.
  */
 export function <%= props.pascalName %>(props: <%= props.pascalName %>Props) {
   // grab the props
-  const { preset = "primary", tx, text, style: styleOverride, ...rest } = props
-
-  // assemble the style
-  const viewPresetToUse = viewPresets[preset] || viewPresets.primary
-  const textPresetToUse = textPresets[preset] || textPresets.primary
-
-  const viewStyle = { ...viewPresetToUse, ...styleOverride }
-  const textStyle = textPresetToUse
+  const { tx, text, style, ...rest } = props
+  const textStyle = { }
 
   return (
-    <TouchableOpacity style={viewStyle} {...rest}>
+    <TouchableOpacity style={style} {...rest}>
       <Text tx={tx} text={text} style={textStyle} />
     </TouchableOpacity>
   )