import React from 'react' import { LineDrawingWrapper, thin, dashed } from './shared.mjs' /* * This strokeScale factor is used to normalize the stroke across * designs so we have a consistent look when showing our collection */ const strokeScale = 0.7 /** * A linedrawing component for Bent * * @component * @param {object} props - All component props * @param {string} props.className - Any CSS classes to apply * @param {number} props.stroke - The stroke width to apply * @returns {JSX.Element} */ export const Bent = ({ className, stroke = 1 }) => ( ) /** * A linedrawing component for the front of Bent * * @component * @param {object} props - All component props * @param {string} props.className - Any CSS classes to apply * @param {number} props.stroke - The stroke width to apply * @returns {JSX.Element} */ export const BentFront = ({ className, stroke = 1 }) => ( ) /** * A linedrawing component for the back of Bent * * @component * @param {object} props - All component props * @param {string} props.className - Any CSS classes to apply * @param {number} props.stroke - The stroke width to apply * @returns {JSX.Element} */ export const BentBack = ({ className = 'tw:w-full', // CSS classes to apply stroke = 1, // Stroke width to use }) => { // Normalize stroke across designs stroke = stroke * strokeScale return ( ) } /* * SVG elements for the front */ const Front = ({ stroke }) => ( <> ) /* * SVG elements for the back */ const Back = ({ stroke }) => ( <> )