2025-04-01 16:15:20 +02:00
|
|
|
import React from 'react'
|
|
|
|
|
import { logoPath } from '@freesewing/config'
|
|
|
|
|
|
2025-05-24 17:52:31 +02:00
|
|
|
/**
|
2025-04-01 16:15:20 +02:00
|
|
|
* The FreeSewing logo, aka Skully, as a React component
|
|
|
|
|
*
|
2025-05-24 17:52:31 +02:00
|
|
|
* @component
|
|
|
|
|
* @param {object} props - All component props
|
|
|
|
|
* @param {string} [props.className = "tw:w-20 tw:h-20"] - Custom CSS classes to apply
|
|
|
|
|
* @param {string} [props.stroke = undefined] - Set this explicitly to use a different stroke color
|
|
|
|
|
* @returns {JSX.Element}
|
2025-04-01 16:15:20 +02:00
|
|
|
*/
|
2025-05-30 11:29:55 +02:00
|
|
|
export const FreeSewingLogo = ({ className = 'tw:w-20 tw:h-20', stroke }) => (
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 0 25 25" className={className}>
|
|
|
|
|
<defs>
|
|
|
|
|
<path id="react-logo" d={logoPath} />
|
|
|
|
|
</defs>
|
|
|
|
|
<use
|
|
|
|
|
xlinkHref="#react-logo"
|
|
|
|
|
fill="none"
|
|
|
|
|
strokeWidth="0.5"
|
|
|
|
|
style={{ stroke: stroke ? stroke : 'var(--color-base-100)' }}
|
|
|
|
|
/>
|
|
|
|
|
<use xlinkHref="#react-logo" fill="currentColor" stroke="none" />
|
|
|
|
|
</svg>
|
|
|
|
|
)
|
