import React from 'react'
import { LineDrawingWrapper, thin, regular, 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 = 1.3
/**
* A linedrawing component for Cornelius
*
* @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 Cornelius = ({ className, stroke = 1 }) => (
)
/**
* A linedrawing component for the front of Cornelius
*
* @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 CorneliusFront = ({ className, stroke = 1 }) => (
)
/**
* A linedrawing component for the back of Cornelius
*
* @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 CorneliusBack = ({
className = 'w-64', // 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 }) => (
<>
)