{card.title}
{card.text}
diff --git a/components/getErg/Wallets.tsx b/components/getErg/Wallets.tsx index f1f1bdf..90f31e1 100644 --- a/components/getErg/Wallets.tsx +++ b/components/getErg/Wallets.tsx @@ -111,7 +111,7 @@ export default function Wallets() {{card.title}
{card.text}
diff --git a/components/rework/Button/index.tsx b/components/rework/Button/index.tsx new file mode 100644 index 0000000..69d58c8 --- /dev/null +++ b/components/rework/Button/index.tsx @@ -0,0 +1,119 @@ +import React from 'react'; +import Link from 'next/link'; +import Typography from 'components/rework/Typography'; +import classNames from 'classnames'; + +interface Button { + handleClick(): void; +} + +interface Link { + link: string; +} + +type Kind = 'filled' | 'underline'; +type Size = 'large' | 'medium' | 'small'; + +interface Params { + kind?: Kind; + children: React.ReactNode; + type?: 'button' | 'link'; + className?: string; + size?: 'large' | 'medium' | 'small'; + icon?: React.ReactNode; +} + +type Props = (Params & Button) | (Params & Link); + +const staticButtonClass = ` + block +`; + +const underlineSpanClass = ` + before:content-[''] before:w-full before:h-[2px] before:bg-brand-orange before:absolute + top-[-3px] before:bottom-[-8px] relative block + hover:before:bg-brand-orange-hover + active:before:bg-brand-orange-active + before:transition-colors sm-max:before:bottom-[-4px] +`; + +const Button: React.FC