Styling material-ui components with not hussle

InlineSelect.tsx

import React from "react";
import { withStyles } from "material-ui";
import Select, { SelectProps } from "material-ui/Select";
import { MenuItem } from "material-ui/Menu";

type OwnProps = SelectProps & {
  options: Array<{ label: string; value: string }>;
}

type Props = OwnProps & {
  classes: any;
};

const styles = theme => ({
  root: {
    fontSize: "0.8rem"
  },

  selectMenu: {
    padding: 0
  },

  select: {
    paddingRight: 20
  }
});

export const InlineSelect: React.SFC<Props> = ({ options, ...rest }) => {
  return (
    <Select {...rest}>
      {options.map(option => <MenuItem value={option.value}>{option.label}</MenuItem>)}
    </Select>
  );
};

export default withStyles(styles)(InlineSelect) as React.SFC<OwnProps>;