@compositor/lab/lib/templates/fela.js

CLI utilities for Compositor Lab

module.exports = ({
  name,
  type,
  propsString,
  styleString,
  system = [],
  systemFunctions,
  extensionImport
}) => `import { createComponent } from 'react-fela'
import {
  space,
  fontSize,
  width,
  color,
  ${systemFunctions}
} from 'styled-system'
${extensionImport}

const ${name} = createComponent(props => Object.assign(${styleString},
  space(props),
  fontSize(props),
  width(props),
  color(props),
  ${system.map(fn => `${fn}(props)`).join(',\nss')}
), ${type})

${name}.defaultProps = ${propsString}

export default ${name}`