sonner-native
Version:
An opinionated toast component for React Native. A port of @emilkowalski's sonner.
102 lines (101 loc) • 2.16 kB
JavaScript
"use strict";
import Svg, { Circle, Path } from 'react-native-svg';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export const CircleCheck = ({
size,
...props
}) => /*#__PURE__*/_jsxs(Svg, {
width: size || 24,
height: size || 24,
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2,
...props,
children: [/*#__PURE__*/_jsx(Circle, {
cx: 12,
cy: 12,
r: 10
}), /*#__PURE__*/_jsx(Path, {
d: "m9 12 2 2 4-4"
})]
});
export const CircleX = ({
size,
...props
}) => /*#__PURE__*/_jsxs(Svg, {
width: size || 24,
height: size || 24,
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2,
...props,
children: [/*#__PURE__*/_jsx(Circle, {
cx: 12,
cy: 12,
r: 10
}), /*#__PURE__*/_jsx(Path, {
d: "m15 9-6 6M9 9l6 6"
})]
});
export const Info = ({
size,
...props
}) => /*#__PURE__*/_jsxs(Svg, {
width: size || 24,
height: size || 24,
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2,
...props,
children: [/*#__PURE__*/_jsx(Circle, {
cx: 12,
cy: 12,
r: 10
}), /*#__PURE__*/_jsx(Path, {
d: "M12 16v-4M12 8h.01"
})]
});
export const TriangleAlert = ({
size,
...props
}) => /*#__PURE__*/_jsx(Svg, {
width: size || 24,
height: size || 24,
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2,
...props,
children: /*#__PURE__*/_jsx(Path, {
d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01"
})
});
export const X = ({
size,
...props
}) => /*#__PURE__*/_jsx(Svg, {
width: size || 24,
height: size || 24,
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2,
...props,
children: /*#__PURE__*/_jsx(Path, {
d: "M18 6 6 18M6 6l12 12"
})
});
//# sourceMappingURL=icons.js.map