18 lines
651 B
TypeScript
18 lines
651 B
TypeScript
|
const Root = ({className, children, href}: React.PropsWithChildren & {href:string,className?: string}) => {
|
||
|
|
return <a href={href} className={`block relative overflow-hidden w-full ${className}`}>{children}</a>
|
||
|
|
}
|
||
|
|
|
||
|
|
const Background = ({className, children}: React.PropsWithChildren & {className?: string}) => {
|
||
|
|
return <div className={`absolute w-full inset-0 z-0 ${className}`}>{children}</div>
|
||
|
|
}
|
||
|
|
|
||
|
|
const Foreground = ({className, children}: React.PropsWithChildren & {className?: string}) => {
|
||
|
|
return <div className={`absolute w-full h-full inset-0 z-10 ${className}`}>{children}</div>
|
||
|
|
}
|
||
|
|
|
||
|
|
export {
|
||
|
|
Root,
|
||
|
|
Background,
|
||
|
|
Foreground
|
||
|
|
}
|