Components
Loading preview...
A responsive book component.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/bookimport { Book } from "@/components/ui/book";
const Lines = () => (
<svg fill="none" height="149" viewBox="0 0 197 149" width="197" xmlns="http://www.w3.org/2000/svg">
<rect fill="#FED954" height="149" width="197"></rect>
<path d="M147 48.4995H172C185.531 48.4995 196.5 59.4685 196.5 72.9995V148.427" stroke="#ECAF14"></path>
<path d="M0 48.5H24.5C38.031 48.5 49 37.531 49 24V0" stroke="#ECAF14"></path>
<path d="M147.5 48.5H172C185.531 48.5 196.5 37.531 196.5 24V0" stroke="#ECAF14"></path>
<path d="M0 48.5H24.5C38.031 48.5 49 59.469 49 73V98" stroke="#ECAF14"></path>
<path d="M146 48.5H73.5C59.969 48.5 49 37.531 49 24V0" stroke="#ECAF14"></path>
<path d="M196 48.5H122.5C108.969 48.5 98 37.531 98 24V0" stroke="#ECAF14"></path>
<path d="M97 48.5H73.5C59.969 48.5 49 59.469 49 73V99.5" stroke="#ECAF14"></path>
<path d="M98 132.5H122.5C136.031 132.5 147 121.531 147 108V98.9512" stroke="#ECAF14"></path>
<path d="M196 132.5H171.5C157.969 132.5 147 121.531 147 108V48.5" stroke="#ECAF14"></path>
<path d="M147 48.5H122.5C108.969 48.5 98 59.469 98 73V132" stroke="#ECAF14"></path>
<path d="M98 132.5H73.5C59.969 132.5 49 121.531 49 108V98.9512" stroke="#ECAF14"></path>
</svg>
);
const Icon = () => (
<div className="w-12 h-12" role="img">
<svg viewBox="0 0 1 1">
<path
d="M0.3542 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3958 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4375 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5625 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6042 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6458 0.0208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3542 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3958 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4375 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5625 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6042 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6458 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.0625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2292 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7708 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.1042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2292 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7708 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.1458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.1875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.2292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.2708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.2708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.2708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.2708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.3125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.3542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.3542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.3542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.3542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.3958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.4375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.4792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.4792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.4792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.4792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.5208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.5208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.5208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.5208 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0208 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9792 0.5625 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.6042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.6042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.6042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.6042 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.0625 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.9375 0.6458 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.6875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.6875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.6875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.6875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8958 0.6875 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7708 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8542 0.7292 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6458 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7708 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.8125 0.7708 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3542 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3958 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4375 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5625 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6042 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6458 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6875 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.7292 0.8125 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3542 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3958 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4375 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.4792 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5208 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.5625 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6042 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.6458 0.8542 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2292 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3542 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3958 0.8958 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2292 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.2708 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.3125 0.9375 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1042 0.9792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1458 0.9792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 M0.1875 0.9792 m-0.0208,0 a0.0208,0.0208 0 1,0 0.0416,0 a0.0208,0.0208 0 1,0 -0.0416,0 "
fill="var(--ds-gray-1000)" />
<path d="" fill="var(--ds-gray-1000)" opacity="0.5" />
</svg>
</div>
);
export default function CustomIllustrationDemo() {
return (
<div className="flex gap-8">
<Book
illustration={<Lines />}
title="The user experience of the Frontend Cloud"
/>
<Book
illustration={<Icon />}
title="The user experience of the Frontend Cloud"
variant="simple"
/>
</div>
);
}