glamor-jsxstyle dirty

glamor-jsxstyle.js

import React from 'react';
import { css as Style } from 'glamor';

const View = ({
  component = 'div',
  props,
  css,
  className,
  children,
  ...rest,
}) => {
  return React.createElement(
    component,
    { ...props, className, ...Style({ ...rest, ...css }) },
    children
  );
};

export const Block = props => (
  <View display="block" {...props} />
);

export const InlineBlock = props => (
  <View display="inline-block" {...props} />
);

export const Inline = props => (
  <View display="inline" {...props} />
);

export const Flex = props => (
  <View display="flex" {...props} />
);

export const InlineFlex = props => (
  <View display="inline-flex" {...props} />
);

export const Row = props => (
  <Flex flexDirection="row" {...props} />
);

export const Col = props => (
  <Flex flexDirection="column" {...props} />
);