{"size": 3336, "ext": "js", "max_stars_repo_path": "compare/output_babel.js", "max_stars_repo_name": "acrazing/typescript-styled-components-plugin", "max_stars_repo_stars_event_min_datetime": "2018-12-10T03:07:41.000Z", "max_stars_repo_stars_event_max_datetime": "2021-09-29T06:51:08.000Z", "max_issues_repo_path": "compare/output_babel.js", "max_issues_repo_name": "acrazing/typescript-styled-components-plugin", "max_issues_repo_issues_event_min_datetime": "2020-09-15T02:35:43.000Z", "max_issues_repo_issues_event_max_datetime": "2020-09-15T02:35:44.000Z", "max_forks_repo_path": "compare/output_babel.js", "max_forks_repo_name": "acrazing/typescript-styled-components-plugin", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 3, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 28.7586206897, "max_line_length": 78, "alphanum_fraction": 0.6247002398}
/*!
 * Copyright 2019 acrazing <joking.young@gmail.com>. All rights reserved.
 * @since 2019-10-29 13:50:09
 */
import React from 'react';
import styled, { createGlobalStyle, css, keyframes } from 'styled-components';

const Base = (props) =>
  /*#__PURE__*/ React.createElement('div', null, props.name);

export const Styled = [
  styled.div.withConfig({
    displayName: 'source__Styled',
    componentId: 'tscp__sc-1tkkdbu-0',
  })(['display:block;background:', ';color:white;'], () => 'black'),
  styled(Base).withConfig({
    displayName: 'source__Styled',
    componentId: 'tscp__sc-1tkkdbu-1',
  })(['display:block;background:', ';color:white;'], () => 'black'),
];
export const cssFragment = /*#__PURE__*/ css(
  ['display:block;background:', ';color:white;'],
  () => 'black',
);
export const GlobalStyle = /*#__PURE__*/ createGlobalStyle`
div{
    display: block;
    background: ${() => 'black'};
    color: white;
}
`;
export const Keyframe = /*#__PURE__*/ keyframes(
  ['0%{display:block;background:', ';color:white;}'],
  'black',
);
export const WithAttrs = [
  styled.div
    .attrs({
      id: 'id',
    })
    .withConfig({
      displayName: 'source__WithAttrs',
      componentId: 'tscp__sc-1tkkdbu-2',
    })(['display:block;background:', ';color:white;'], () => 'black'),
  styled(Base)
    .attrs({
      id: 'id',
    })
    .withConfig({
      displayName: 'source__WithAttrs',
      componentId: 'tscp__sc-1tkkdbu-3',
    })(['display:block;background:', ';color:white;'], () => 'black'),
];
export const StyleObject = [
  styled.div.withConfig({
    displayName: 'source__StyleObject',
    componentId: 'tscp__sc-1tkkdbu-4',
  })({
    background: '#FFFFFF',
  }),
  styled(Base).withConfig({
    displayName: 'source__StyleObject',
    componentId: 'tscp__sc-1tkkdbu-5',
  })({
    background: '#FFFFFF',
  }),
];
export const CastProps = [
  styled.div.withConfig({
    displayName: 'source__CastProps',
    componentId: 'tscp__sc-1tkkdbu-6',
  })(['display:block;background:', ';color:white;'], () => 'black'),
  styled(Base).withConfig({
    displayName: 'source__CastProps',
    componentId: 'tscp__sc-1tkkdbu-7',
  })(['display:block;background:', ';color:white;'], () => 'black'),
];
export const CastFactory = [
  styled.div`
    display: block;
    background: ${() => 'black'};
    color: white;
  `,
  /*#__PURE__*/ styled(Base)`
    display: block;
    background: ${() => 'black'};
    color: white;
  `,
];
export const CastAll = [
  styled.div.withConfig({
    displayName: 'source__CastAll',
    componentId: 'tscp__sc-1tkkdbu-8',
  })(['display:block;background:', ';color:white;'], () => 'black'),
  styled(Base).withConfig({
    displayName: 'source__CastAll',
    componentId: 'tscp__sc-1tkkdbu-9',
  })(['display:block;background:', ';color:white;'], () => 'black'),
];
export const TestBabelMinify = /*#__PURE__*/ styled.div.withConfig({
  displayName: 'source__TestBabelMinify',
  componentId: 'tscp__sc-1tkkdbu-10',
})(
  [
    ".p0{content:'first raw';}.p1{content:",
    ";}.p2{content:'second raw';}.p3{content:",
    ";}content:'\\tlast raw ';",
  ],
  () => 'first span',
  () => 'second span',
);
export const TestBabelMinifyOnce = /*#__PURE__*/ styled.div.withConfig({
  displayName: 'source__TestBabelMinifyOnce',
  componentId: 'tscp__sc-1tkkdbu-11',
})(["content:'raw ';"]);
