26 lines
767 B
JavaScript
26 lines
767 B
JavaScript
|
import { Legend as LegendDesign } from '@freesewing/legend'
|
||
|
|
import { Example } from './tabbed-example.mjs'
|
||
|
|
|
||
|
|
export const Legend = ({ caption = false, part = '', children = null }) => {
|
||
|
|
const settings = {
|
||
|
|
only: [`legend.${part}`],
|
||
|
|
measurements: {
|
||
|
|
head: 370,
|
||
|
|
},
|
||
|
|
}
|
||
|
|
const patternProps = new LegendDesign(settings).draft().getRenderProps()
|
||
|
|
if (caption)
|
||
|
|
console.log(
|
||
|
|
'Passing the caption prop to @freesewing/components/Legend is deprecated. See: https://github.com/freesewing/freesewing/issues/1043'
|
||
|
|
)
|
||
|
|
|
||
|
|
return (
|
||
|
|
<figure>
|
||
|
|
<div className="shadow">
|
||
|
|
<Example {...{ patternProps, settings }} />
|
||
|
|
</div>
|
||
|
|
<figcaption className="text-center italic -mt-1">{caption || children}</figcaption>
|
||
|
|
</figure>
|
||
|
|
)
|
||
|
|
}
|