
* Suggestion: let prettier sort imports order # Conflicts: # yarn.lock * AUTO SORT ALL THE IMPORTS * Linting * Fixes test
15 lines
431 B
TypeScript
15 lines
431 B
TypeScript
import classnames from "classnames";
|
|
import React from "react";
|
|
|
|
import { TextProps } from "../Text";
|
|
|
|
const Overline: React.FunctionComponent<TextProps> = (props: TextProps) => {
|
|
const classes = classnames(
|
|
"text-sm uppercase font-semibold leading-snug tracking-wide text-gray-900 dark:text-white",
|
|
props?.className
|
|
);
|
|
|
|
return <p className={classes}>{props?.text || props.children}</p>;
|
|
};
|
|
|
|
export default Overline;
|