Files
react/components/button-dropdown/icon.tsx
2020-05-06 14:25:10 +08:00

35 lines
672 B
TypeScript

import React from 'react'
interface Props {
color?: string
height?: string
}
const ButtonDropdownIcon: React.FC<Props> = ({ color, height }) => {
return (
<svg
stroke={color}
style={{ color }}
viewBox="0 0 24 24"
width={height}
height={height}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
fill="none"
shapeRendering="geometricPrecision">
<path d="M6 9l6 6 6-6" />
<style jsx>{`
svg {
transform: scale(0.6);
}
`}</style>
</svg>
)
}
const MemoButtonDropdownIcon = React.memo(ButtonDropdownIcon)
export default MemoButtonDropdownIcon