@educrib/firefly/dist/index.d.ts

UI design system for Educrib Ecosystem

import React$1, { ReactNode, DetailedHTMLProps } from 'react';
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
import { VariantProps } from 'class-variance-authority';
import * as react_jsx_runtime from 'react/jsx-runtime';

interface SelectProps extends React$1.DetailedHTMLProps<React$1.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
}
declare const Select: React$1.FC<SelectProps>;

interface TeaxtAreaProps extends React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
}
declare const TextArea: React$1.FC<TeaxtAreaProps>;

interface ButtonProps extends React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
}
declare const Button: React$1.FC<ButtonProps>;

interface InputProps extends React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
}
declare const Input: React$1.FC<InputProps>;

interface LabelProps extends React$1.DetailedHTMLProps<React$1.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
}
declare const Label: React$1.FC<LabelProps>;

declare const textProps: (props?: ({
    size?: "small" | "medium" | "large" | null | undefined;
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
interface TextProps extends React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, VariantProps<typeof textProps> {
}
declare const Text: React$1.FC<TextProps>;

interface FormProps extends React$1.DetailedHTMLProps<React$1.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> {
    children: React$1.ReactNode;
}
declare function Form({ children, ...props }: FormProps): react_jsx_runtime.JSX.Element;

type PageHeaderProps = {
    brand: ReactNode;
    actions?: ReactNode[];
};
declare function Header({ brand, actions }: PageHeaderProps): react_jsx_runtime.JSX.Element;

type PageFooterProps = {
    title: string;
};
declare function PageFooter({ title }: PageFooterProps): react_jsx_runtime.JSX.Element;

interface ContentProps extends DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
    children: ReactNode;
}
declare function PageContent({ ...props }: ContentProps): react_jsx_runtime.JSX.Element;

interface SiderProps extends DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
    children: ReactNode;
}
declare function Sider({ children, ...props }: SiderProps): react_jsx_runtime.JSX.Element;

type IconTextProps = {
    children: string;
    icon: ReactNode;
    size?: "small" | "medium" | "large" | null | undefined;
};
declare function IconText({ children, icon, size, }: IconTextProps): react_jsx_runtime.JSX.Element;

export { Button, ButtonProps, PageContent as Content, ContentProps, PageFooter as Footer, Form, FormProps, Header, IconText, IconTextProps, Input, InputProps, Label, LabelProps, PageFooterProps, PageHeaderProps, Select, SelectProps, Sider, SiderProps, TeaxtAreaProps, Text, TextArea, TextProps };