Esse é um projeto Next.js que tem o objetivo de criar componentes reutilizáveis para o projeto Médicos do Barulho

Componentes Disponíveis

Atualmente, o projeto conta com os componentes:

Button

O componente Button é um botão utilizado em links que têm um grau mais elevado de importância. O componente é da seguinte forma:

export const Button = (props: ButtonProps) => {
    return (
        <div className="...">
            <a className={"... " + props.type} 
            href={props.link}> 
            {props.text} </a>
        </div>
    )
}

Dessa forma, o componente necessita de três parâmetros básicos, que são especificados pela interface:

interface ButtonProps {
    text: string;
    link: string;
    type: Type;
}

Por fim, basta especificar o Type do botão através do enum:

export enum Type {
    Main = "bg-sky-400",
    Sec = "bg-amber-600",
}

Para utilizar o componente, basta importá-lo:

import { Button, Type } from "./components/Button";

    ...

    <Button text="Home" link="/" type={Type.Main} />

    ...