mirror of
https://github.com/r-freeman/portfolio.git
synced 2024-11-22 18:15:41 +00:00
Extracted icon from card component
This commit is contained in:
parent
64239feff0
commit
aab890c44e
@ -1,8 +1,8 @@
|
||||
import {ElementType, ReactNode} from 'react'
|
||||
import Link from 'next/link'
|
||||
import clsx from 'clsx'
|
||||
import {ElementType, ReactNode} from 'react'
|
||||
import {twMerge} from 'tailwind-merge'
|
||||
import {Props} from 'types'
|
||||
import {ChevronRightIcon} from '@/components/icons/ChevronRightIcon'
|
||||
|
||||
type Card = {
|
||||
as?: ElementType
|
||||
@ -39,19 +39,6 @@ type CardEyebrow = {
|
||||
children: ReactNode
|
||||
}
|
||||
|
||||
function ChevronRightIcon(props: Props) {
|
||||
return (
|
||||
<svg viewBox="0 0 16 16" fill="none" aria-hidden="true" {...props}>
|
||||
<path
|
||||
d="M6.75 5.75 9.25 8l-2.5 2.25"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export function Card({
|
||||
as: Component = 'div',
|
||||
variant = 'normal',
|
||||
|
14
components/icons/ChevronRightIcon.tsx
Normal file
14
components/icons/ChevronRightIcon.tsx
Normal file
@ -0,0 +1,14 @@
|
||||
import {Props} from '@/types'
|
||||
|
||||
export function ChevronRightIcon(props: Props) {
|
||||
return (
|
||||
<svg viewBox="0 0 16 16" fill="none" aria-hidden="true" {...props}>
|
||||
<path
|
||||
d="M6.75 5.75 9.25 8l-2.5 2.25"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
}
|
Loading…
Reference in New Issue
Block a user