import { css } from 'styled-components' ; const Timings = { short : '150ms' } ; const Easings = { hover : 'ease-out' } ; export const withTransition = ( properties , duration = Timings . short , ease = Easings . hover ) => css `
  transition: all ${ duration } ${ ease };
  transition-property: ${ properties . join ( ', ' ) };
` ;