36 lines
861 B
JavaScript
36 lines
861 B
JavaScript
import React from 'react'
|
|
import { path } from 'shared/components/icons/freesewing.js'
|
|
import colors from 'tailwindcss/colors'
|
|
|
|
const strokes = {
|
|
light: colors.neutral[300],
|
|
dark: colors.neutral[800],
|
|
hax0r: colors.lime[700],
|
|
lgbtq: colors.neutral[500],
|
|
trans: colors.neutral[500],
|
|
}
|
|
let step = 0
|
|
|
|
const Logo = ({ className = 'w-20 h-20', theme = 'light', stroke = false }) => {
|
|
const svgProps = {
|
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
viewBox: '1 0 25 25',
|
|
className: className,
|
|
}
|
|
return (
|
|
<svg {...svgProps}>
|
|
<defs>
|
|
<path id="react-logo" d={path} />
|
|
</defs>
|
|
<use
|
|
xlinkHref="#react-logo"
|
|
fill="none"
|
|
stroke={stroke || strokes[theme]}
|
|
strokeWidth="0.5"
|
|
/>
|
|
<use xlinkHref="#react-logo" fill="currentColor" stroke="none" />
|
|
</svg>
|
|
)
|
|
}
|
|
|
|
export default Logo
|