import React from "react";
import JDtypho, { IJDtyphoProp } from './Typho';


interface IProp extends IJDtyphoProp { }


export const Bold: React.FC<IProp> = (prop) => {
    return <JDtypho weight={600} {...prop} />;
};

export const Thin: React.FC<IProp> = (prop) => {
    return <JDtypho weight={100} {...prop} />
}

export const Small: React.FC<IProp> = (prop) => {
    return <JDtypho size="small" {...prop} />
}

export const Tiny: React.FC<IProp> = (prop) => {
    return <JDtypho size="tiny" {...prop} />
}

export const Large: React.FC<IProp> = (prop) => {
    return <JDtypho size="large" {...prop} />
}

export const ErrColor: React.FC<IProp> = (prop) => {
    return <JDtypho color="error" {...prop} />
}

export const Primary: React.FC<IProp> = (prop) => {
    return <JDtypho color="primary" {...prop} />
}

export const Point: React.FC<IProp> = (prop) => {
    return <JDtypho color="point" {...prop} />
}

export const White: React.FC<IProp> = (prop) => {
    return <JDtypho color="white" {...prop} />
}

