@cimpress/react-components
Version:
React components to support the MCP styleguide
25 lines • 1.81 kB
JavaScript
import * as React from 'react';
export function SmallIcon(props) {
return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 96 96" }, props),
React.createElement("rect", { width: 26.667, height: 26.667, rx: 5 }),
React.createElement("rect", { width: 26.667, height: 26.667, x: 34.667, rx: 5 }),
React.createElement("rect", { width: 26.667, height: 26.667, x: 69.333, rx: 5 }),
React.createElement("rect", { width: 26.667, height: 26.667, y: 34.667, rx: 5 }),
React.createElement("rect", { width: 26.667, height: 26.667, x: 34.667, y: 34.667, rx: 5 }),
React.createElement("rect", { width: 26.667, height: 26.667, x: 69.333, y: 34.667, rx: 5 }),
React.createElement("rect", { width: 26.667, height: 26.667, y: 69.333, rx: 5 }),
React.createElement("rect", { width: 26.667, height: 26.667, x: 34.667, y: 69.333, rx: 5 }),
React.createElement("rect", { width: 26.667, height: 26.667, x: 69.333, y: 69.333, rx: 5 })));
}
export function MediumIcon(props) {
return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 96 96" }, props),
React.createElement("rect", { width: 96, height: 44, rx: 5 }),
React.createElement("rect", { width: 96, height: 44, y: 52, rx: 5 })));
}
export function LargeIcon(props) {
return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 96 96" }, props),
React.createElement("rect", { width: 96, height: 20, rx: 5 }),
React.createElement("rect", { width: 33, height: 68, y: 28, rx: 5 }),
React.createElement("rect", { width: 55, height: 76.662, x: 41, y: 28, rx: 5 })));
}
//# sourceMappingURL=icons.js.map