import React from 'react'
const colors = require('tailwindcss/colors')
const stroke = {
light: colors.neutral[300],
dark: colors.neutral[800],
hax0r: colors.lime[700],
lgbtq: colors.neutral[500],
trans: colors.neutral[500],
}
let step = 0
const fill = {
light: (
),
dark: (
),
hax0r: (
{[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20].map( i => (
<>
))}
),
lgbtq: (
{['red', 'orange', 'yellow', 'green', 'blue', 'violet'].map(c => {
let next = step + 100/6
let stop = <>
step = next
return stop
})}
),
trans: (
),
}
const Logo = ({ size=false, className='stroke-0', theme='light' }) => {
const svgProps = {
xmlns: 'http://www.w3.org/2000/svg',
viewBox: '-1 0 50 50',
className: className
}
if (size) {
svgProps.width = size
svgProps.height = size
}
return (
)
}
export default Logo