export const longhandCssPropObjectCallExpression = `
  <div css={{
    animationDuration: '2s',
    animationName: fadeOut,
    animationTimingFunction: 'ease-in-out',
  }} />
` ; export const longhandCssPropTaggedTemplateExpression = `
  <div css={css\`
    animation-duration: 2s;
    animation-name: \${fadeOut};
    animation-timing-function: ease-in-out;
  \`} />
` ; export const longhandStyledObjectCallExpression = `
  const StyledComponent = styled.div({
    animationDuration: '2s',
    animationName: fadeOut,
    animationTimingFunction: 'ease-in-out',
  });
` ; export const longhandStyledTaggedTemplateExpression = `
  const StyledComponent = styled.div\`
    animation-duration: 2s;
    animation-name: \${fadeOut};
    animation-timing-function: ease-in-out;
  \`;
` ; export const shorthandCssPropObjectCallExpression = `<div css={{ animation: \`\${fadeOut} 2s ease-in-out\` }} />` ; export const shorthandCssPropTaggedTemplateExpression = `<div css={css\`animation: \${fadeOut} 2s ease-in-out\`} />` ; export const shorthandStyledObjectCallExpression = `
  const StyledComponent = styled.div({
    animation: \`\${fadeOut} 2s ease-in-out\`,
  });
` ; export const shorthandStyledTaggedTemplateExpression = `
  const StyledComponent = styled.div\`
    animation: \${fadeOut} 2s ease-in-out;
  \`;
` ;