public-ui-kolibri

import type { FC } from 'react';
import React from 'react';

import { KolHeading, KolKolibri } from '@public-ui/react-v19';

import { SampleDescription } from '../SampleDescription';

export const KolibriBasic: FC = () => (
	<>
		<SampleDescription>
			<p>KolKolibri renders the KoliBri logo. The sample show the logo with and without label and with a custom color.</p>
		</SampleDescription>

		<KolHeading class="block" _level={3} _label="Regular" />
		<KolKolibri class="block" style={{ width: 300 }} />
		<KolHeading class="block" _level={3} _label="Without Label" />
		<KolKolibri class="block" style={{ width: 300 }} _labeled={false} />
		<KolHeading class="block" _level={3} _label="Customized color" />
		<KolKolibri class="block" style={{ width: 300 }} _color="#cc006e" />
	</>
);