styled-example-style.js

import styled, { css } from "styled-components";

const getStyle = (propsName, styles) => props =>
  props[propsName] && styles[props[propsName]];

const is = value => Boolean(value)
const ifProps = (name, styles) => props => is(props[name]) && styles

const buttonStyle = {
  mini: css`
    width: 200px;
  `,
  small: css`
    width: 200px;
  `,
  large: css`
    width: 300px;
  `,
  primary: css`
    background: green;
  `
};

const Button = styled.button`
  ${getStyle("size", buttonStyle)};
  ${getStyle("color", buttonStyle)};
`;

const Input = styled.input`
${ifProps(
  'isVisible',
  css`
    margin-right: 0;
  `,
)}
`;

//usage
// <Button size="large"/>
// <Input isVisible={false}/>