isomtrik-quickchat/dist/collection/stories/Components/Body/Body.js

isomtrik-quickchat is a lightweight, real-time chat component built with Stencil JS. It is designed to be seamlessly integrated into web applications, offering customizable and responsive chat functionalities. The module supports both CommonJS and ES modu

import { html } from 'lit';
import { Text } from '../Text/Text.js'
import {Custom,Default } from '../Text/Text.stories.js';
import '../Time/Timestamp.js'
import './Body.css'

import { CenteredText } from '../TextStyle/TextStyle.stories.js'
import {Textcenter} from '../TextStyle/TextStyle.js'

export const AnotherComponent = () => html`


<div class="body_section">

<section>
${Textcenter(CenteredText.args)}
</section>


  <section class="textstyle centertext">
   ${Text(Custom.args)}
    <div class="text-box">
        <timestamp-element
          time=${new Date().toISOString()} 
          color="black"
          fontSize="8px"
          textAlign="right"
          fontFamily="Arial, sans-serif"
        ></timestamp-element>
      </div>
   </section>
   <section class="textstyle defaulttext">
   ${Text(Default.args)}
    <div class="text-boxes">
        <timestamp-element
          time=${new Date().toISOString()} 
          color="black"
          fontSize="8px"
          textAlign="right"
          fontFamily="Arial, sans-serif"
        ></timestamp-element>
      </div>
   </section>
 
  </div>
`;

export default AnotherComponent