statuscomponent

 import React from 'react'

import { Status as StatusWeb } from "@ebh/capsule";

const Status = ({children}) => {

return (

<StatusWeb variant={'primary'} >{children} </StatusWeb>

//props:varient:color+backgroundcolor.. rounded

)

}

export default Status;

import React from "react";

import { Status as StatusWeb } from "@ebh/capsule";

type StatusVariant =

"primary" | "secondary" | "tertiary" | "success" | "error" | "caution" | "gray" | "accent" | "info";

interface StatusProps {

variant: StatusVariant;

children: React.ReactNode;

}

const Status: React.FC<StatusProps> = ({ variant, children }) => {

return <StatusWeb variant={variant}>{children}</StatusWeb>;

};

export default Status;

import React from "react";

import { Status as StatusWeb } from "@ebh/capsule";

import { StatusProps } from "@ebh/capsule";

// type StatusVariant = "primary" | "secondary" | "tertiary"

// | "success" | "error" | "caution" | "gray" | "accent" | "info"

// |"successDark"|"errorDark"|"cautionDark"

;

// interface StatusProps {

// variant?: StatusVariant;

// children: React.ReactNode;

// rounded?:boolean;

// }

const Status: React.FC<StatusProps> = ({ variant,

rounded,

children }) => {

return <StatusWeb variant={variant}

rounded={rounded}

Theme={dark}

>{children}</StatusWeb>;

};

export default Status;