import React from "react";
type CardShapeCommonProps = {
/**
* O conteúdo deve ser passado para o componente como um elemento filho.
*/
children: React.ReactNode;
/**
* Informa o tipo do card a ser exibido.
*/
cardType: "elevated" | "filled" | "outlined" | "selected" | "custom";
/**
* Informa a cor do card. Este atributo é somente usado quando o cardType selected ou custom é selecionado. As cores positive, informative, warning, negative e negative-alternative só funcionam para cards do tipo custom.
*/
color?: "brand" | "highlight" | "subscription" | "positive" | "informative" | "warning" | "negative" | "negative-alternative";
};
type CardTypeSelected = {
/**
* Informa a cor do card. Este atributo é somente usado quando o cardType selected ou custom é selecionado. As cores positive, informative, warning, negative e negative-alternative só funcionam para cards do tipo custom.
*/
color?: "brand" | "highlight" | "subscription";
};
type CardTypeCustom = {
/**
* Informa a cor do card. Este atributo é somente usado quando o cardType selected ou custom é selecionado. As cores positive, informative, warning, negative e negative-alternative só funcionam para cards do tipo custom.
*/
color?: "brand" | "highlight" | "subscription" | "positive" | "informative" | "warning" | "negative" | "negative-alternative";
};
type CardShapeVariation = CardTypeSelected | CardTypeCustom;
export type CardShapeProps = CardShapeCommonProps & CardShapeVariation;
/**
*
*
* Obs: Esse componente precisa estar dentro de um ThemeProvider, para o carregamento de seu estilo. Nos sites em React de Drogasil, Drogaraia e Onofre o ThemeProvider já encontra-se configurado como um componente de alto nível, portanto não há a necessidade de incluí-lo novamente.
*
*
*
* Para utilizar esse componente, deve-se importar:
*
* ```
* import CardShape from "@raiadrogasil/pulso-react-components/CardShape";
* ```
*
* ou
*
*
*
* Obs: O método com chaves importa o código de todos os componentes, mesmo os que não estão listados entre as chave. Portanto, por questão de performance, é desaconselhado seu uso.
*
*
*
* ```
* import { CardShape } from "@raiadrogasil/pulso-react-components/ ";
* ```
*/
declare const CardShape: React.FC;
export default CardShape;