Skip to content

Commit 7b5c54f

Browse files
author
Javier Diaz Chamorro
committed
First commit 🚀
0 parents  commit 7b5c54f

20 files changed

+1111
-0
lines changed

‎.gitignore

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
node_modules/
2+
yarn-error.log
3+
dist/

‎LICENSE

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2019 Javier Diaz Chamorro
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
# React Card Brand
2+
> A zero-dependency React Hook to show the brand from a card type.
3+
4+
## Installation
5+
```sh
6+
$ npm i -S react-card-brand
7+
```
8+
9+
or install with Yarn if you prefer:
10+
```sh
11+
yarn add react-card-brand
12+
```
13+
14+
## Usage
15+
You can import `useCardBrand` into your component and use the `getSvgProps` callback to get a current brand from your card type.
16+
17+
```js
18+
import React from 'react';
19+
import { useCardBrand } from 'react-card-brand';
20+
import images from 'react-card-brand/images';
21+
22+
export default function Example() {
23+
const { getSvgProps } = useCardBrand();
24+
25+
return (
26+
<div>
27+
<svg {...getSvgProps({ type: "visa", images })} />
28+
</div>
29+
);
30+
}
31+
```
32+
33+
34+
## Community
35+
All feedback and suggestions are welcome!
36+
37+
## License
38+
This is a open-source software licensed under the [MIT license](https://raw.githubusercontent.com/coderdiaz/react-card-brand/master/LICENSE)

‎package.json

+43
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
{
2+
"name": "react-card-brand",
3+
"version": "0.1.0-beta.1",
4+
"author": {
5+
"name": "Javier Diaz Chamorro",
6+
"email": "[email protected]"
7+
},
8+
"scripts": {
9+
"build": "rimraf dist && npm run lint && rollup -c",
10+
"prepare": "npm run build",
11+
"lint": "tslint -p ."
12+
},
13+
"main": "dist/react-card-brand.cjs.js",
14+
"module": "dist/react-card-brand.esm.js",
15+
"unpkg": "dist/react-card-brand.js",
16+
"jsdelivr": "dist/react-card-brand.js",
17+
"cdn": "dist/react-card-brand.js",
18+
"files": [
19+
"dist"
20+
],
21+
"repository": {
22+
"type": "git",
23+
"url": "git+https://github.com/coderdiaz/react-card-brand.git"
24+
},
25+
"bugs": {
26+
"url": "https://github.com/coderdiaz/react-card-brand/issues"
27+
},
28+
"devDependencies": {
29+
"@types/react": "^16.9.17",
30+
"rimraf": "^3.0.0",
31+
"rollup": "^1.27.13",
32+
"rollup-plugin-commonjs": "^10.1.0",
33+
"rollup-plugin-node-resolve": "^5.2.0",
34+
"rollup-plugin-terser": "^5.1.3",
35+
"rollup-plugin-typescript2": "^0.25.3",
36+
"tslint": "^5.20.1",
37+
"typescript": "^3.7.3"
38+
},
39+
"dependencies": {
40+
"react": "^16.12.0",
41+
"react-dom": "^16.12.0"
42+
}
43+
}

‎rollup.config.js

+65
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
import TypescriptPlugin from "rollup-plugin-typescript2";
2+
import NodeResolve from "rollup-plugin-node-resolve";
3+
import CommonJs from "rollup-plugin-commonjs";
4+
import { terser } from "rollup-plugin-terser";
5+
6+
const config = [
7+
// ESM build to be used with webpack/rollup.
8+
{
9+
input: "src/index.ts",
10+
output: {
11+
file: "dist/react-card-brand.esm.js",
12+
format: "esm",
13+
},
14+
external: [
15+
"react",
16+
"react-dom",
17+
],
18+
plugins: [
19+
TypescriptPlugin(),
20+
NodeResolve(),
21+
CommonJs(),
22+
],
23+
},
24+
// CommonJs
25+
{
26+
input: "src/index.ts",
27+
output: {
28+
file: "dist/react-card-brand.cjs.js",
29+
format: "cjs",
30+
},
31+
external: [
32+
"react",
33+
"react-dom",
34+
],
35+
plugins: [
36+
TypescriptPlugin(),
37+
NodeResolve(),
38+
CommonJs(),
39+
],
40+
},
41+
// Browser build
42+
{
43+
input: "src/index.ts",
44+
output: {
45+
file: "dist/react-card-brand.js",
46+
format: "iife",
47+
name: "ReactCardBrand",
48+
globals: {
49+
"react": "React",
50+
},
51+
},
52+
external: [
53+
"react",
54+
"react-dom",
55+
],
56+
plugins: [
57+
TypescriptPlugin(),
58+
terser(),
59+
NodeResolve(),
60+
CommonJs(),
61+
],
62+
},
63+
];
64+
65+
export default config;

‎src/images/amex.tsx

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
import * as React from "react";
2+
3+
export default (
4+
<g fill="none" fillRule="evenodd">
5+
<rect fill="#016fd0" height="16" rx="2" width="24" />
6+
<path
7+
d="m13.7640663 13.3938564v-5.70139231l10.1475359.00910497v1.57489503l-1.1728619 1.25339231 1.1728619 1.2648839v1.6083094h-1.8726188l-.9951823-1.0981657-.9881105 1.1023204z"
8+
fill="#fffffe"
9+
/>
10+
<path
11+
d="m14.4418122 12.7687956v-4.448884h3.7722872v1.02488398h-2.550895v.69569062h2.4900774v1.0078232h-2.4900774v.6833149h2.550895v1.0371713z"
12+
fill="#016fd0"
13+
/>
14+
<path
15+
d="m18.1952707 12.7687956 2.087337-2.2270055-2.0874254-2.2217901h1.6156464l1.2754917 1.41003315 1.2791161-1.41003315h1.5461657v.03500552l-2.0428729 2.18678458 2.0428729 2.1638895v.063116h-1.5617237l-1.2981216-1.4241768-1.2847735 1.4241768z"
16+
fill="#016fd0"
17+
/>
18+
<path
19+
d="m14.2373481 2.6319558h2.4460552l.8591381 1.95085083v-1.95085083h3.0198453l.5207514 1.46156906.5225194-1.46156906h2.3059447v5.70139227h-12.1865193z"
20+
fill="#fffffe"
21+
/>
22+
<g fill="#016fd0">
23+
<path d="m14.7004641 3.25135912-1.9740111 4.44517127h1.3539006l.3724199-.89016575h2.0179447l.3721547.89016575h1.3875801l-1.96579-4.44517127zm.1696353 2.55743646.592-1.41507182.5915581 1.41507182z" />
24+
<path d="m18.2119779 7.69573481v-4.44508288l1.903116.00654144.9792707 2.73272928.9856354-2.73927072h1.8316022v4.44508288l-1.1786077.01043094v-3.05334807l-1.1125746 3.04291713h-1.0758011l-1.1356464-3.05334807v3.05334807z" />
25+
</g>
26+
</g>
27+
);

‎src/images/dinersclub.tsx

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
import React from "react";
2+
3+
export default (
4+
<g id="319" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
5+
<g id="New-Icons" transform="translate(-320.000000, -280.000000)" fillRule="nonzero">
6+
<g id="Card-Brands" transform="translate(40.000000, 200.000000)">
7+
<g id="Color" transform="translate(0.000000, 80.000000)">
8+
<g id="Diners-Club" transform="translate(280.000000, 0.000000)">
9+
<path
10+
d="M21.9972414,15.749927 L21.999381,15.7499362 C22.9544683,15.7581106 23.73806,14.9772525 23.75,14.0041555 L23.7500083,2.00630219 C23.7461702,1.53568921 23.5588633,1.08617106 23.2297297,0.756801782 C22.9014319,0.428268884 22.4589161,0.246148853 21.9972414,0.250070854 L2.00063,0.250061791 C1.54108393,0.246148853 1.09856813,0.428268884 0.77027028,0.756801782 C0.441136651,1.08617106 0.253829819,1.53568921 0.25,2.00426336 L0.249991686,13.9936957 C0.253829819,14.4643086 0.441136651,14.9138268 0.77027028,15.2431961 C1.09856813,15.571729 1.54108393,15.753849 2.00275862,15.749927 L21.9972414,15.749927 Z M21.996203,16.249927 C21.9958359,16.249924 21.9954688,16.249921 21.9951018,16.2499178 L21.9972414,16.249927 L21.996203,16.249927 Z"
11+
id="shape"
12+
strokeOpacity="0.2"
13+
stroke="#000000"
14+
strokeWidth="0.5"
15+
fill="#FFFFFF"
16+
/>
17+
<path
18+
d="M10.0021142,2.05179033 L10.0021142,2.03579033 L14.0021142,2.03579033 L14.0021142,2.05179033 C17.1375481,2.28122918 19.5642283,4.89197286 19.5642283,8.03579033 C19.5642283,11.1796078 17.1375481,13.7903515 14.0021142,14.0197903 L14.0021142,14.0357903 L10.0021142,14.0357903 L10.0021142,14.0197903 C6.86668021,13.7903515 4.44,11.1796078 4.44,8.03579033 C4.44,4.89197286 6.86668021,2.28122918 10.0021142,2.05179033 Z"
19+
id="shape"
20+
fill="#0165AC"
21+
/>
22+
<path
23+
d="M11.6021142,11.4277903 C13.0374002,10.9175027 13.9961556,9.55908923 13.9961556,8.03579033 C13.9961556,6.51249143 13.0374002,5.15407792 11.6021142,4.64379033 L11.6021142,11.4277903 L11.6021142,11.4277903 Z M9.20211417,4.64379033 C7.76682809,5.15407792 6.80807271,6.51249143 6.80807271,8.03579033 C6.80807271,9.55908923 7.76682809,10.9175027 9.20211417,11.4277903 L9.20211417,4.64379033 L9.20211417,4.64379033 Z M10.4021142,13.2357903 C7.53023347,13.2357903 5.20211417,10.907671 5.20211417,8.03579033 C5.20211417,5.16390963 7.53023347,2.83579033 10.4021142,2.83579033 C13.2739949,2.83579033 15.6021142,5.16390963 15.6021142,8.03579033 C15.6021142,10.907671 13.2739949,13.2357903 10.4021142,13.2357903 Z"
24+
id="shape"
25+
fill="#FFFFFF"
26+
/>
27+
</g>
28+
</g>
29+
</g>
30+
</g>
31+
</g>
32+
);

‎src/images/discover.tsx

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
import React from "react";
2+
3+
export default (
4+
<g id="319" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
5+
<g id="New-Icons" transform="translate(-280.000000, -280.000000)" fillRule="nonzero">
6+
<g id="Card-Brands" transform="translate(40.000000, 200.000000)">
7+
<g id="Color" transform="translate(0.000000, 80.000000)">
8+
<g id="Discover" transform="translate(240.000000, 0.000000)">
9+
<path
10+
d="M21.9972414,15.749927 L21.999381,15.7499362 C22.9544683,15.7581106 23.73806,14.9772525 23.75,14.0041555 L23.7500083,2.00630219 C23.7461702,1.53568921 23.5588633,1.08617106 23.2297297,0.756801782 C22.9014319,0.428268884 22.4589161,0.246148853 21.9972414,0.250070854 L2.00063,0.250061791 C1.54108393,0.246148853 1.09856813,0.428268884 0.77027028,0.756801782 C0.441136651,1.08617106 0.253829819,1.53568921 0.25,2.00426336 L0.249991686,13.9936957 C0.253829819,14.4643086 0.441136651,14.9138268 0.77027028,15.2431961 C1.09856813,15.571729 1.54108393,15.753849 2.00275862,15.749927 L21.9972414,15.749927 Z M21.996203,16.249927 C21.9958359,16.249924 21.9954688,16.249921 21.9951018,16.2499178 L21.9972414,16.249927 L21.996203,16.249927 Z"
11+
id="shape"
12+
strokeOpacity="0.2"
13+
stroke="#000000"
14+
strokeWidth="0.5"
15+
fill="#FFFFFF"
16+
/>
17+
<path
18+
d="M12.6124138,15.9999283 L21.9972414,15.9999283 C22.5240217,16.0043364 23.0309756,15.7992919 23.4065697,15.4299059 C23.7821638,15.06052 23.9956285,14.5570537 24,14.0302731 L24,11.6716524 C20.4561668,13.7059622 16.6127929,15.1667795 12.6124138,15.9999283 L12.6124138,15.9999283 Z"
19+
id="shape"
20+
fill="#F27712"
21+
/>
22+
<path
23+
d="M23.1724138,9.29647999 L22.32,9.29647999 L21.36,8.03027309 L21.2689655,8.03027309 L21.2689655,9.29647999 L20.5737931,9.29647999 L20.5737931,6.1516524 L21.6,6.1516524 C22.4027586,6.1516524 22.8662069,6.48268688 22.8662069,7.07854895 C22.8662069,7.56682481 22.5765517,7.88130757 22.0551724,7.98061792 L23.1724138,9.29647999 Z M22.1462069,7.10337654 C22.1462069,6.79716964 21.9144828,6.63992826 21.4841379,6.63992826 L21.2689655,6.63992826 L21.2689655,7.5916524 L21.4675862,7.5916524 C21.9144828,7.5916524 22.1462069,7.42613516 22.1462069,7.10337654 L22.1462069,7.10337654 Z M18.1406897,6.1516524 L20.1103448,6.1516524 L20.1103448,6.68130757 L18.8358621,6.68130757 L18.8358621,7.38475585 L20.0606897,7.38475585 L20.0606897,7.92268688 L18.8358621,7.92268688 L18.8358621,8.77510068 L20.1103448,8.77510068 L20.1103448,9.30475585 L18.1406897,9.30475585 L18.1406897,6.1516524 Z M15.9062069,9.37923861 L14.4,6.14337654 L15.1613793,6.14337654 L16.1131034,8.26199723 L17.0731034,6.14337654 L17.817931,6.14337654 L16.2951724,9.37923861 L15.9227586,9.37923861 L15.9062069,9.37923861 Z M9.60827586,9.37096274 C8.54896552,9.37096274 7.72137931,8.65096274 7.72137931,7.71579033 C7.72137931,6.8054455 8.56551724,6.06889378 9.62482759,6.06889378 C9.92275862,6.06889378 10.1710345,6.12682481 10.4772414,6.25923861 L10.4772414,6.98751447 C10.2453534,6.75969251 9.93335245,6.63192067 9.60827586,6.6316524 C8.9462069,6.6316524 8.44137931,7.1116524 8.44137931,7.71579033 C8.44137931,8.35303171 8.93793103,8.80820412 9.64137931,8.80820412 C9.95586207,8.80820412 10.1958621,8.70889378 10.4772414,8.46061792 L10.4772414,9.18889378 C10.1627586,9.32130757 9.89793103,9.37096274 9.60827586,9.37096274 L9.60827586,9.37096274 Z M7.5062069,8.33647999 C7.5062069,8.94889378 7.00137931,9.37096274 6.27310345,9.37096274 C5.74344828,9.37096274 5.36275862,9.18889378 5.04,8.77510068 L5.49517241,8.38613516 C5.65241379,8.66751447 5.91724138,8.80820412 6.24827586,8.80820412 C6.56275862,8.80820412 6.7862069,8.6178593 6.7862069,8.36958343 C6.7862069,8.22889378 6.72,8.12130757 6.57931034,8.03854895 C6.42504922,7.96369158 6.26441119,7.90275992 6.09931034,7.85647999 C5.44551724,7.64958343 5.22206897,7.42613516 5.22206897,6.98751447 C5.22206897,6.47441102 5.70206897,6.0854455 6.33103448,6.0854455 C6.72827586,6.0854455 7.08413793,6.20958343 7.38206897,6.44130757 L7.01793103,6.85510068 C6.87360928,6.69688076 6.66932728,6.60675635 6.45517241,6.60682481 C6.15724138,6.60682481 5.94206897,6.75579033 5.94206897,6.95441102 C5.94206897,7.11992826 6.0662069,7.21096274 6.48,7.3516524 C7.27448276,7.59992826 7.5062069,7.8316524 7.5062069,8.34475585 L7.5062069,8.33647999 Z M4.08827586,6.1516524 L4.78344828,6.1516524 L4.78344828,9.30475585 L4.08827586,9.30475585 L4.08827586,6.1516524 Z M1.8537931,9.30475585 L0.827586207,9.30475585 L0.827586207,6.1516524 L1.8537931,6.1516524 C2.97931034,6.1516524 3.75724138,6.79716964 3.75724138,7.72406619 C3.75724138,8.19579033 3.52551724,8.64268688 3.12,8.94061792 C2.77241379,9.18889378 2.38344828,9.30475585 1.84551724,9.30475585 L1.8537931,9.30475585 Z M2.66482759,6.9378593 C2.43310345,6.75579033 2.16827586,6.68958343 1.71310345,6.68958343 L1.52275862,6.68958343 L1.52275862,8.77510068 L1.71310345,8.77510068 C2.16,8.77510068 2.44137931,8.69234206 2.66482759,8.52682481 C2.90482759,8.32820412 3.04551724,8.03027309 3.04551724,7.72406619 C3.04551724,7.4178593 2.90482759,7.12820412 2.66482759,6.9378593 Z"
24+
id="shape"
25+
fill="#000000"
26+
/>
27+
<path
28+
d="M12.4137931,6.06889378 C11.5034483,6.06889378 10.7586207,6.79716964 10.7586207,7.69923861 C10.7586207,8.65923861 11.4703448,9.37923861 12.4137931,9.37923861 C13.3406897,9.37923861 14.0689655,8.65096274 14.0689655,7.72406619 C14.0689655,6.79716964 13.3489655,6.06889378 12.4137931,6.06889378 Z"
29+
id="shape"
30+
fill="#F27712"
31+
/>
32+
</g>
33+
</g>
34+
</g>
35+
</g>
36+
</g>
37+
);

‎src/images/hipercard.tsx

+15
Large diffs are not rendered by default.

‎src/images/index.ts

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import amex from "./amex.js";
2+
import dinersclub from "./dinersclub.js";
3+
import discover from "./discover.js";
4+
import hipercard from "./hipercard.js";
5+
import jcb from "./jcb.js";
6+
import unionpay from "./unionpay.js";
7+
import mastercard from "./mastercard.js";
8+
import placeholder from "./placeholder.js";
9+
import visa from "./visa.js";
10+
11+
export default {
12+
amex,
13+
dinersclub,
14+
discover,
15+
hipercard,
16+
jcb,
17+
unionpay,
18+
mastercard,
19+
placeholder,
20+
visa,
21+
};

‎src/images/jcb.tsx

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
import React from "react";
2+
3+
export default (
4+
<g fill="none">
5+
<path
6+
d="m.20535714 16h4.51785715c1.0278125 0 2.25892857-1.1946667 2.25892857-2.1333333v-13.8666667h-4.51785715c-1.0278125 0-2.25892857 1.19466667-2.25892857 3.2z"
7+
fill="#047ab1"
8+
/>
9+
<path
10+
d="m2.76924107 10.816c-.86733559.0001606-1.73039558-.1147397-2.56388393-.3413333v-1.17333337c.64678874.37770431 1.38610045.59084099 2.14598215.61866667.8696875 0 1.35535714-.576 1.35535714-1.36533333v-3.22133334h2.14598214v3.22133334c0 1.25866666-.70026786 2.26133333-3.0834375 2.26133333z"
11+
fill="#fff"
12+
/>
13+
<path
14+
d="m8.11160714 16h4.51785716c1.0278125 0 2.2589286-1.1946667 2.2589286-2.1333333v-13.8666667h-4.5178572c-1.02781249 0-2.25892856 1.19466667-2.25892856 3.2z"
15+
fill="#d42d06"
16+
/>
17+
<path
18+
d="m8.11160714 6.08c.65508929-.59733333 1.78455357-.97066667 3.61428576-.88533333.9939285.04266666 2.0330357.32 2.0330357.32v1.184c-.5943231-.3394747-1.2623758-.54734656-1.9539732-.608-1.3892411-.11733334-2.23633933.61866666-2.23633933 1.90933333s.84709823 2.0266667 2.23633933 1.92c.6920185-.06606555 1.3596342-.27744592 1.9539732-.61866667v1.17333337s-1.0391072.288-2.0330357.3306666c-1.82973219.0853334-2.95919647-.288-3.61428576-.8853333z"
19+
fill="#fff"
20+
/>
21+
<path
22+
d="m16.0178571 16h4.5178572c1.0278125 0 2.2589286-1.1946667 2.2589286-2.1333333v-13.8666667h-4.5178572c-1.0278125 0-2.2589286 1.19466667-2.2589286 3.2z"
23+
fill="#67b637"
24+
/>
25+
<path
26+
d="m21.6651786 9.28c0 .8533333-.7002679 1.3866667-1.6377232 1.3866667h-4.0095983v-5.33333337h3.6481697l.2597768.01066667c.8245089.04266667 1.4344196.50133333 1.4344196 1.29066667 0 .61866666-.4179018 1.152-1.1746428 1.28v.032c.8358035.05333333 1.4795982.55466666 1.4795982 1.33333333zm-2.880134-3.104c-.0486104-.00686658-.0976798-.01043129-.1468303-.01066667h-1.3553572v1.344h1.5021875c.2823661-.064.5195536-.30933333.5195536-.672 0-.36266666-.2371875-.608-.5195536-.66133333zm.1694197 2.176c-.059755-.00886168-.1202559-.01243275-.1807143-.01066667h-1.4908929v1.46133334h1.4908929l.1807143-.02133334c.2823661-.064.5195536-.34133333.5195536-.71466666 0-.37333334-.2258929-.64-.5195536-.71466667z"
27+
fill="#fff"
28+
/>
29+
</g>
30+
);

‎src/images/mastercard.tsx

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import React from "react";
2+
3+
export default (
4+
<g fill="none" fillRule="evenodd">
5+
<rect fill="#252525" height="16" rx="2" width="24" />
6+
<circle cx="9" cy="8" fill="#eb001b" r="5" />
7+
<circle cx="15" cy="8" fill="#f79e1b" r="5" />
8+
<path
9+
d="m12 3.99963381c1.2144467.91220633 2 2.36454836 2 4.00036619s-.7855533 3.0881599-2 4.0003662c-1.2144467-.9122063-2-2.36454837-2-4.0003662s.7855533-3.08815986 2-4.00036619z"
10+
fill="#ff5f00"
11+
/>
12+
</g>
13+
);

‎src/images/placeholder.tsx

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
import React from "react";
2+
3+
export default (
4+
<g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
5+
<g>
6+
<rect id="Rectangle" fill="#D8D8D8" x="0" y="0" width="24" height="16" rx="1" />
7+
<rect
8+
id="Rectangle"
9+
fill="#A6A6A6"
10+
x="0.923076923"
11+
y="10.3529412"
12+
width="4.61538462"
13+
height="1.88235294"
14+
rx="0.941176471"
15+
/>
16+
<rect id="Rectangle" fill="#FFFFFF" x="16.6153846" y="3.76470588" width="4.61538462" height="2.82352941" rx="1" />
17+
<rect
18+
id="Rectangle"
19+
fill="#A6A6A6"
20+
x="6.46153846"
21+
y="10.3529412"
22+
width="4.61538462"
23+
height="1.88235294"
24+
rx="0.941176471"
25+
/>
26+
<rect
27+
id="Rectangle"
28+
fill="#A6A6A6"
29+
x="11.9230769"
30+
y="10.3529412"
31+
width="5.61538462"
32+
height="1.88235294"
33+
rx="0.941176471"
34+
/>
35+
<rect
36+
id="Rectangle"
37+
fill="#A6A6A6"
38+
x="18.4615385"
39+
y="10.3529412"
40+
width="4.61538462"
41+
height="1.88235294"
42+
rx="0.941176471"
43+
/>
44+
</g>
45+
</g>
46+
);

0 commit comments

Comments
 (0)